html{
  width: 100%;
  margin: 0 auto;
}
body {
  background: black;
  margin: 0 auto;
  width: 100%;
  font-family: Dosis, ans-serif;
}

.jumbBack {
  width: 100%;
  text-align: center;
  background: url(jumb.jpg) round;
  color: rgba(255, 255, 255, 1);
}
#banner{
  width: 100%;
}
.align {
  background: black;
  color: rgba(237, 101, 40, 0.93);
  padding: 70px 10px 70px 10px;
  text-align: center;
}
#data {
  padding: 10px;
  text-align: center !important;
}

.formAlign {
  text-align: center;
}

.row1 {
  /* before it horizontal scrolling problem occured */
  width: 100%;
  padding-left: 20px;
  text-align: center !important;
}

#buttonAlign {
  margin-top: 25px;
}

.card {
  padding: 20px;
  font-weight: bolder;
}

.contentDetail {
  display: none;
}

.show {
  display: inherit;
}

.hide {
  display: none;
}

.poster {
  border-radius:
}

.back {
  text-align: center;
  background: white;
}

/* changing font properties of heading */

.headingFont {
  font-weight: 900;
}

.loader {
  text-align: center;
  display: none;
}

.loaderShow {
  display: inline-block;
}

.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}