body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(36, 36, 36); 
}
.a-button-primary {
  background: #f0c14b;
  border-color: #a88734 #9c7e31 #846a29;
  color: #111;
}
.a-button-primary:hover {
  background: #ffd363;
}
.a-button-grey {
  background: #e7e9ec;
  border-radius: 3px;
  border-color: #adb1b8 #a2a6ac #8d9096;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}

#cont{
  position: relative; 
  margin-top: 13%;
}
#preview{
  display: none;
}
.reports{
  max-width: 900px;
}
.reports-row{
  margin-top: 2%;
  margin-bottom: 1%;
}

@media only screen and (max-width: 991px) {

  #cont{
    position: relative; margin-top: 18%;
  }
  #packages{
    padding-top: 5rem;
  }
  .reports{
    max-width: 100%;
    font-size: xx-small;
  }
  .mob-img{
    margin-top: 1.5rem;
    margin-left: 0.2rem;
  }
  
.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px 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);
  }
}
}
.fform{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}