html,
body {
  width: 100%;

  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: serif;
  font-weight: 100;
  /* transform: scale(1, .95); */
  /* background-image: url(assets/watercolor_bg_desktop.png);
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%; */
  
  
}



#preloader {
  background: rgb(255, 255, 255) url(assets/GTA_logo_animation.gif) no-repeat center center;
  background-size: 25%;
 
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 1100;
}

/* ===================Head of Page======================== */

/* .titleDiv {
  text-align: center;
  align-content: center;
  font-size: 4vw;
  width: 80%;
  margin: auto;
  font-weight: bold;
  padding: 3.5% 0 1% 1.2%;
  letter-spacing: 11px;
  transform: scale(1, .95);
  
  font-family: "bodoni-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  
  font-weight: 400;
  

} */

.backgroundDiv {
  
}

.faderrr1 {
  display: none;
}
.faderrr2 {
  display: none;
}
.faderrr3 {
  display: none;
}
.faderrr4 {
  display: none;
}
.faderrr5 {
  display: none;
}

.picCentering1 {
  margin: 15% auto 4% auto;
  width: 60%;

}

.picCentering2 {
  margin: 4% auto;
  width: 20%;

}


.captionText {
  text-align: center;
  color: rgb(84, 125, 239);
  font-size: 2vw;
  font-style: italic;
  margin: 5% auto 10% auto;
}



.other1 {
  width: 50%;
  margin: 30% auto 2% auto;
  text-align: center;
  align-content: center;
  transition: width .4s;
}

.other2 {
  width: 10%;
  margin: 2% auto;
  text-align: center;
  align-content: center;
  transition: width .4s;
}

.otherContent {
  align-content: center;
  margin: auto;
  text-align: center;
}


/* ========================{ Media Queries }======================================= */

/* PHONES */

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


#preloader {
  
  background-size: 65%;
  
}



  /* .titleDiv {
    font-size: 8vw;
    margin: auto auto 10% auto;
  } */


  .picCentering1 {
    margin: 25% auto 4% auto;
    

  }

  /* .picCentering2 {
    margin: 5% auto;
    width: 40%;

  } */

.captionText {
  text-align: center;
  color: rgb(84, 125, 239);
  /* color: rgb(107, 146, 230); */
  font-size: 5vw;
  font-style: italic;
  margin: 5% auto 10% auto;
  padding: 0 7%;
}


/* 

  .other1 {
    
    margin: 10% 2% 2% 2%;
  }

  .other2 {
    width: 10%;
    margin: 1% 2% 7% 2%;
  } */

}