#magic1{
  border: 1px solid white;
  width: 50%;
  margin-right: .5rem;
}
#magic1:hover{
  border: 3px solid white;
  cursor: pointer;
  background-color: #Cc2e40;
}
#magic2{
  border: 1px solid white;
  width: 50%;
  margin-left: .5rem;
}
#magic2:hover{
  border: 3px solid white;
  cursor: pointer;
  background-color:#Cc2e40;
}
#magic3{
  display: flex;
}
.bottom {
  position:absolute;
  bottom: 10%; 
  left: 0;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  font-size: 30px;
  /*border: 1px solid #f1f1f1;*/
  /*transform: translate(-50%, -50%);*/
  /*width: 300px;*/
  /*padding: 20px;*/
  /*text-align: center;*/
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  top: 30%;
  transform: translate(-50%, -50%);
  position:absolute;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*
#bunty
  display:inline;
*/

.prodigy:hover{
  background-color: black;
}

.prodigy:active{
  background-color: #Cc2e40;
}

.prodigy2:hover{
  background-color: #73000a;
}

.prodigy2:active{
  background-color: black;
}

.bottom2{
  position:absolute;
  bottom: 10%; 
  left: 0;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  font-size: 40px;
  /*border: 1px solid #f1f1f1;*/
  /*transform: translate(-50%, -50%);*/
  /*width: 300px;*/
  /*padding: 20px;*/
  /*text-align: center;*/
}

.bottom10{
  position:absolute;
  bottom: 10%; 
  left: 0;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  font-size: 40px;
  /*border: 1px solid #f1f1f1;*/
  /*transform: translate(-50%, -50%);*/
  /*width: 300px;*/
  /*padding: 20px;*/
  /*text-align: center;*/
}

.top {
  position:absolute;
  top: 0; 
  left: 0;
}

.avatar {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}

.markowens {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #73000a;
  text-decoration-thickness: 10px;
}

tr {
  background-color:  #FFF2E3;
}

.cross:hover{
  background-color: #Cc2e40;
  color:white;
}

.masthead {
  background-size:cover;
  background-position: 100% -0%;
  position: relative;
  height: 40vh;
  /*object-position: 100% -50%;*/
  /*max-width:100%;
  font-weight: 900;
  width:100%;
  */
}

.masthead4 {
  background-size:cover;
  background-position: 100% -0%;
  position: relative;
  height: 29vh;
  /*object-position: 100% -50%;*/
  /*max-width:100%;
  font-weight: 900;
  width:100%;
  */
}


.masthead5{
  background-size:cover;
  background-position: 100% -0%;
  position:relative;
  height:50vh;
}

#sac{
    position:static;
    object-position: -200px -700px;
    }

#light{
  font-size:70%;
}

tr:hover{
  color:#73000a;
  background-color:bisque;
}

.masthead2 {
  background-size:cover;
  background-position: 100% -0%;
  height: 25vh;
}

.masthead3 {
  background-size:contain;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  height: 35vh;
}

.aaloo{
  background-color: #ECECEC;
}

#gender:disabled {
  opacity: 100%;
  color:black;
}

#campus:disabled {
  opacity: 100%;
  color:black;
}

#year:disabled {
  opacity: 100%;
  color:black;
}

#major:disabled {
  opacity: 100%;
  color:black;
}

#degree:disabled {
  opacity: 100%;
  color:black;
}

#carsick:disabled {
  opacity: 100%;
  color:black;
}

#contacts:disabled {
  opacity: 100%;
  color:black;
}

.aaloo:focus{
    box-shadow: 2px 2px 2px gray;
    border-color: gray;
    background-color: white;
}

#changes {
  font-size:50px; 
  font-weight: bolder;
}

#changes2 {
  font-size: 40px;
  font-weight: bolder;
}

#changes3 {
  font-size: 30px;
  font-weight: bolder;
}

#changes5 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  font-size: 30px;
  font-weight: bolder;
}

#changes10 {
  font-size: 30px;
  font-weight: bolder;
}

#changes420 {
  font-size: 30px;
  font-weight: bolder;
}

#changes4 {
  font-size: 45px;
  font-weight: bolder;
}

.dexter{
  font-size:small
}

.botton{
  background-color: #73000a;
  color: white;
  border-width: 3px;
  border-radius: 5px;
  border-color: white;
  height:fit-content;
  width:fit-content;
  font-size: 25px;
}

#botton{
  background-color: black;
  color: white;
  border-width: 3px;
  border-radius: 5px;
  border-color: white;
  height:fit-content;
  width:fit-content;
  font-size: 20px;
}

#botton:hover{
  background-color: #Cc2e40;
  color: white;
}

#golgappe1{
  border: 0;
  color: white;
  background-color: black;
}

#golgappe1:hover{
  background-color: #Cc2e40;
  color: white;
}

#golgappe2{
  border: 0;
  color: white;
  background-color: black;
}

#golgappe2:hover{
  background-color: #Cc2e40;
  color: white;
}

.botton:hover{
      background-color: #Cc2e40;
      color: white;
  }
  
.stupimg1{
  height:fit-content;
  width:fit-content;
  position:relative;
}

#jhoota{
  width:100%;
}

#makkad{
  font-size:large;
}

.cross{
  color:#73000a;
  background-color: bisque;
}

.fade163{
  animation: fadeIn;
  animation-duration: 2s;
}

/*
#fade1{
  animation: fadeIn;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

#fade2{
  animation: fadeIn;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
*/
    .btn1{
            border: none;
            height: fit-content;
            width:fit-content;           
            background-color: black;
            color: white;
            border-radius: 4px;
            font-weight: bold;
            font-size: larger;
        }
    
    #click{
          background-color: #ECECEC;
    }

    html {
      /*background:#73000a;*/
    }
    
    .btn1:hover{
            background-color: #Cc2e40;
            color: white;
        }

    input[type='file'] {
        color: rgba(0, 0, 0, 0)
      }

    .btn2{
        border: none;
        height: 30px;
        width: 100%;
        background-color: black;
        color: white;
        border-radius: 4px;
        font-weight: bold; 
        }
    
    #frack{
      max-width: 100%;
      max-height:100%;
    }
    
    .btn2:hover{
        background-color: #Cc2e40;
            color: white;
    }
    
    #paste{
      font-size: small;
      height:fit-content;
      width: fit-content;
      background-color: gray;
      color:white;
    }

    #paste:hover{
      background-color: #Cc2e40;
    }

    .aaloo{
        background-color: #ECECEC;
    }

    .aaloo:focus{
        box-shadow: 2px 2px 2px gray;
        border-color: gray;
        background-color: white;
    }

    .square {
      height: 150px;
      width: 150px;
      border-style: solid;
      border-width: thin;
      border-color: black;
      /*Change color to white once image is uploaded*/
    }

    .aalooREMASTERED{
      background-color: #ECECEC;
      width: 60%;
     }

      #prog{
        width:25%;
      }

      #chaltahai:hover{
        background-color: #Cc2e40;
        color:white;
        width:fit-content;
      }
      #chaltahai2:hover{
        background-color: #Cc2e40;
        color:white;
        width:fit-content;
      }
      .aalooREMASTERED:focus{
          box-shadow: 2px 2px 2px gray;
          border-color: gray;
          background-color: white;
      }

      #divider{
        width:80%;
      }

      #lambda{
        width:100%;
      }

      #theta{
        display:none;
      }

      .bulaava{
        width:300px;

      }

      .bulaava2{
        width:150px;
      }

      .pondicherry{
        width: 100%;
      }

  /* Small devices (landscape phones, 576px and up)*/
  @media (min-width: 576px) 
  {
    .masthead{
    height: 40vh;
    }

    .masthead4{
      height: 31vh;
      }

    #jhoota{
      width:100%;
    }

    #makkad{
      font-size:large;
    }

    .bottom{
      font-size: 40px;
    }

    .bottom2{
      font-size: 45px;
    }

    .bottom10{
      font-size: 45px;
    }

    .botton{
      font-size: 30px;
    }

    .masthead2{
      height: 35vh;
    }

    #light{
      font-size:80%;
    }

    #changes{
      font-size: 60px;
    }

    #lambda{
      width:100%;
    }

    #theta{
      display:none;
    }

    .aalooREMASTERED{
      width:50%;
    }

    .bulaava{
      width: 300px;
    }

    .bulaava2{
      width: 150px;
    }

    .pondicherry{
      width: 100%;
    }

    #money{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }

    #success{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }
  }

  #secondClass{
    width: 100%;
  }

  /* Medium devices (tablets, 768px and up)*/
  @media (min-width: 768px) 
  {

    .masthead{
    height: 70vh;
    }

    .masthead4{
      height: 45vh;
      }

    .bottom{
      font-size: 50px;
    }

    .bottom2{
      font-size: 50px;
    }

    .bottom10{
      font-size: 50px;
    }

    .botton{
      font-size: 35px;
    }

    #jhoota{
      width:75%;
    }
    
    #makkad{
      font-size:larger;
    }

    .masthead2{
      height: 40vh;
    }

    #light{
      font-size:90%;
    }

    #changes{
      font-size: 70px;
    }

    .masthead3{
      height: 50vh;
    }

    #texting{
      width:75%;
    }

    #lambda{
      width:100%;
    }

    #theta{
      display:inline;
    }

    .aalooREMASTERED{
      width:40%;
    }

    .dexter{
      font-size:medium
    }

    .bulaava{
      width: 300px;
    }

    .bulaava2{
      width:200px;
    }

    .pondicherry{
      width: 400px;
    }

    #money{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }

    #success{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }
  }

  /* Large devices (desktops, 992px and up)*/
  @media (min-width: 992px) 
  {

    #secondClass{
      width: 50%;
    }

    .masthead{
    height: 70vh;
    }

    .masthead4{
      height: 45vh;
      }

    .bottom{
      font-size:60px;
    }

    .bottom2{
      font-size:55px;
    }

    .bottom10{
      font-size:55px;
    }

    .botton{
      font-size: 40px;
    }

    #jhoota{
      width:75%;
    }
    
    #makkad{
      font-size:larger;
    }

    .masthead2{
      height: 50vh;
    }

    .masthead3{
      height: 60vh;
    }

    #light{
      font-size:100%;
    }

    .aalooREMASTERED{
      width:30%;
    }

    #prog{
      width:14.5%;
    }

    #divider{
      width:70%;
    }

    #texting{
      width:50%;
    }

    #lambda{
      width:75%;
    }

    #theta{
      display:inline;
    }

    .brond{
      width: 20%;
    }

    .dexter{
      font-size:medium;
      width: 800px;
    }

    .bulaava{
      width: 300px;
    }
    
    .bulaava2{
      width:200px;
    }
    
    .pondicherry{
      width: 400px;
    }

    #money{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }

    #success{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }
  }

  @keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
  }

  /* X-Large devices (large desktops, 1200px and up)*/
  @media (min-width: 1200px) 
  {
    #secondClass{
      width: 50%;
    }

    .masthead{
    height: 75vh;
    background-position: 100% 20%;
    }

    .masthead4{
      height: 45vh;
      background-position: 100% 20%;
      }

    .bottom{
      font-size:70px;
    }

    .bottom2{
      font-size:55px;
    }

    .bottom10{
      font-size: 55px;
    }

    .botton{
      font-size: 45px;
    }

    .masthead2{
      height: 70vh;
    }

    #jhoota{
      width:75%;
    }
    
    #makkad{
      font-size:larger;
    }

    #light{
      font-size:100%;
    }

    .masthead3{
      height: 70vh;
    }

    .aalooREMASTERED{
      width:25%;
    }

    #prog{
      width:14.5%;
    }

    #divider{
      width:70%;
    }

    #texting{
      width:50%;
    }

    #lambda{
      width:75%;
    }

    #theta{
      display:inline;
    }

    .brond{
      width: 15%;
    }

    .dexter{
      font-size:medium;
      width: 800px;
    }

    .trod{
      width:40%;
    }

    .bulaava{
      width: 300px;
    }

    .bulaava2{
      width:200px;
    }
    
    .pondicherry{
      width: 400px;
    }

    #money{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }

    #success{
      margin-right: 3rem;
      margin-left: 3rem;
      width: 75%;
    }
  }


  @media (min-width: 767px) and (max-width: 800px)
  {
    #returndate{
      width: 120px;
    }
  }

  @media (max-width: 767px){
    #returndate{
      width: 150px;
    }
  }

  @media (max-height: 500px)
  {
    .bottom{
      display: none;
    }

    .bottom2{
      display: none;
    }
  }

  @media (max-height: 150px)
  {
    .bottom10{
      display: none;
    }
  }

  @media (max-width: 300px)
  {
    #changes{
      font-size: larger;
      padding-right: 0.5rem;
    }
  }

  @media (max-width: 340px)
  {
    .bottom2{
      display: none;
    }
  }

  #dating{
    display: flex;
  }

  #bholaa{
    display: flex;
  }

  #sikander1{
    display: flex;
  }

  #sikander2{
    display: none;
  }

  @media (max-width: 400px)
  {
    #changes5{
      margin-right: 0rem;
      margin-left: 0rem;
    }
    #dating{
      display: inline;
    }

    #bholaa{
      display: inline;
    }

    #sikander1{
      display: none;
    }

    #sikander2{
      display: flex;
    }
  }


  #formula1{
    display: inline;
  }

  #formula2{
    display: none;
  }

  #formula3{
    display: inline;
  }

  #formula4{
    padding-left: 0%;
    padding-right:0%;
    display: none;
  }

  #night10{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  #night31{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  #night14{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  #night15{
    padding-right: 3rem;
    padding-left: 3rem;
  }

  #night18{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  #night50{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  
  #fname{
    width:75%;
  }
  #lname{
    width:75%;
  }
  #email{
    width:75%;
  }
  #subject{
    width:75%;
  }
  #night20{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  #night30{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  #night23{
    display:none;
  }
  #night21{
    margin-right: 3rem;
    margin-left: 3rem;
    width: 75%;
  }
  #night23{
    margin-right: 3rem;
    margin-left: 3rem;
    width: 75%;
  }
  #night24{
    margin-right: 3rem;
    margin-left: 3rem;
    width: 75%;
  }
  @media (max-width: 440px)
  {
    #night22{
      display: none;
    }
    #night23{
      display: inline;
      margin-right: 0rem;
    }
  }
  #night25{
    margin-left: 3rem;
    margin-right: 3rem;
    width: 75%;
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 1.5rem;
  }

  #night40{
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  #divider{
    margin-right: 3rem;
    margin-left: 3rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #using{
    width: 300px;
  }

  #passing{
    width: 300px;
  }

  #destination{
    width: 300px;
  }

  #night98{
    width: 75%;
    margin-right: 3rem;
    margin-left: 3rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  #yo{
    padding-right: 3rem;
    padding-left: 3rem;
  }
  #momoes{
    padding-right: 3rem;
    padding-left: 3rem;
  }
  #essay{
    width: 75%;
    margin-right: 3rem;
    margin-left: 3rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  #night99{
    padding-right: 3rem;
    padding-left: 3rem;
  }
  #chaltahai{
    margin-right: 3rem;
    margin-left: 3rem;
  }
  #night100{
    margin-right: 3rem;
    margin-left: 3rem;
  }
  #night105{
    margin-left: 3rem;
  }

  @media (max-width: 450px)
  {
    #magic3{
      display: inline;
    }
    #magic2{
      width: 100%;
      margin-left: 0rem;
      margin-top: .5rem;
    }
    #magic1{
      width: 100%;
      margin-right: 0rem;
      margin-top: .5rem;
    }
    #night105{
      margin-left: .5rem;
    }
    #night100{
      margin-right: .5rem;
      margin-left: .5rem;
    }
    #chaltahai{
      margin-right: .5rem;
      margin-left: .5rem;
    }
    #night99{
      padding-left: .5rem;
      padding-right: .5rem;
    }
    #night98{
      width: 100%;
      margin-right: 0rem;
      margin-left: 0rem;
      padding-left: .5rem;
      padding-right: .5rem;
    }
    #yo{
      padding-left: .5rem;
      padding-right: .5rem;
    }
    #momoes{
      padding-right: .5rem;
      padding-left: .5rem;
    }
    #essay{
      width: 100%;
      margin-right: 0rem;
      margin-left: 0rem;
      padding-left: .5rem;
      padding-right: .5rem;
    }
    #destination{
      width: 75%;
    }
    #divider{
      width: 100%;
      margin-right: 0rem;
      margin-left: 0rem;
    }
  }
  #night70{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #night80{
    width: 75%;
  }
  #night90{
    padding-right: 3rem;
    padding-left: 3rem;
  }
  #night94{
    display: none;
  }
  #night95{
    display: flex;
  }
  #night96{
    flex:0 0 auto;
    width:58.33333333%;
  }
  #night97{
    flex:0 0 auto;
    width:41.66666667%;
  }
  #night102{
    padding-right: 3rem;
    padding-left: 3rem;
  }
  #night103{
    margin-left: 1.5rem;
  }
  #scemail{
    width: 300px;
  }
  #pass{
    width: 300px;
  }
  #pasacode{
    width: 300px;
  }
  #night110{
    margin-left: 3rem;
    padding-right: 1rem;
  }
  #day0{
    display: flex;
  }
  #departdate2{
    margin-left: .5rem;
  }
  #start2{
    margin-left: .5rem;
  }
  #day1{
    display: flex;
  }
  #day2{
    display: flex;
  }
  #returndate2{
    margin-left: .5rem;
  }
  .photodo{
    margin-left: .5rem;
  }
  #jayenge2{
    display: flex;
  }
  #moneyM2{
    margin-left:.5rem;
  }
  #day3{
    display: flex;
  }
  #comments2{
    margin-left:.5rem;
  }
  @media (max-width: 400px)
  {
  #comments2{
    margin-left:0rem;
    width: 170px;
  }
  #day3{
    display: grid;
  }
  #moneyM2{
    margin-left: 0rem;
  }
  #jayenge2{
    display: grid;
  }
  #returndate2{
    margin-left: 0rem;
  }
  .photodo{
    margin-left: 0rem;
  }
  #day0{
    display: grid;
  }
  #departdate2{
    margin-left: 0rem;
  }
  #day1{
    display: grid;
  }
  #start2{
    margin-left: 0rem;
    width: 170px;
  }
  #day2{
    display: grid;
  }
  }
  @media (max-width: 380px)
  {
    #night110{
      margin-left: 1rem;
      padding-left: 0rem;
    }
    #pasacode{
      width: 100%;
    }
    #scemail{
      width: 100%;
    }
    #pass{
      width: 100%;   
    }
    #night103{
      margin-left: .5rem;
      margin-right: 1rem;
    }
    #night102{
      padding-right: 1rem;
      padding-left: 1rem;
    }
    #night97{
      flex:0 0 auto;
      width:75%;
    }
    #night96{
      flex:0 0 auto;
      width:100%;
    }
    #night95{
      display: inline;
    }
    #night94{
      display: inline;
    }
    #night91{
      display: inline;
    }
    #night92{
      display: none;
    }
    #night90{
      padding-right: 1rem;
      padding-left: 1rem;
    }
    #night80{
      width: 100%;
    }
    #pass1{
      width: 75%;
    }

    #pass2{
      width: 75%;
    }

    #night70{
      padding-left: .5rem;
      padding-right: .5rem;
    }

    #prog{
      width: 50%;
    }
    #using{
      width: 100%;
    }
    #passing{
      width: 100%
    }
    #divider{
      padding-right: 0rem;
      padding-left: 0rem;
      padding-top: 0rem;
      padding-bottom: 0rem;
    }
    #night40{
      padding-right: 1rem;
      padding-left: 1rem;
    }
    #night21{
      margin-right: 0rem;
      margin-left: 0rem;
      width: auto;
    }
    #night23{
      margin-right: 0rem;
      margin-left: 0rem;
      width: auto;
    }
    
    #night25{
      margin-left: .5rem;
      margin-right: .5rem;
      width: 95%;
      padding-top: 0rem;
      padding-right: .5rem;
      padding-left: .5rem;
      padding-bottom: 0rem;
    }
    #night24{
      margin-left: .5rem;
      width: 95%;
      padding-right: 0rem;
    }
    #night20{
      padding-left:1.5rem;
    }
    #night30{
      padding-left:.5rem;
    }
    #fname{
      width:100%;
    }
    #lname{
      width:100%;
    }
    #email{
      width:100%;
    }
    #subject{
      width:100%;
    }
    #formula3{
      display:none;
    }
    #night10{
      padding-left: 1.5rem;
      padding-right: 0rem;
    }
    #night31{
      padding-left: 0.5rem;
      padding-right: 0rem;
    }
    #formula4{
      display:inline;
      padding-right:1.5rem;
    }
    #makkad{
      font-size:smaller
    }
    #night13{
      font-size:smaller
    }
    #night14{
      padding-left: .5rem;
      padding-right: .5rem;
    }
    #night18{
      padding-left: 1.5rem;
    }
    #night50{
      padding-left: .5rem;
    }
  }

  @media(max-width: 450px)
  {
    #night51{
      display:none;
    }
  }

  @media (max-width: 350px)
  {
    #start{
      width: 250px;
    }

    #formula1{
      display: none
    }

    #formula2{
      display: inline;
    }
  }

  @media (max-width: 290px)
  {
    #start{
      width: 200px;
    }
  }

  @media (max-width: 240px)
  {
    #start{
      width: 17;
    }
  }

  #night1{
    margin-right: 1rem;
    margin-left: 1rem;
  }

  @media (max-width: 499px)
  {
    #night1{
    margin-right: 0rem;
    margin-left: 0rem;
    }
  }

  .direct{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .gam{
    display:none;
  }
  
  #foot{
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .hansini{
    padding-right: 2.3rem;
    padding-left: 2.3rem;
  }

  #night16{
    padding-left: 1.5rem;
    padding-right: 3rem;
  }

  #night101{
    display: flex;
  }

  @media(max-width: 500px)
  {
    #night101{
      display: inline;
    }
    #night17{
      width:fit-content;
      margin-right: -2rem;
    }
    .dalama{
      width:fit-content;
      margin-right: -2rem;
    }
  }

  #changes10{
    padding-left: .5rem;
  }

  #night60{
    padding-right: .5rem;
    padding-left: .5rem;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  @media (max-width: 452px)
  {
    #toD{
      overflow-wrap: anywhere;
    }
    #placeD{
      overflow-wrap: anywhere;
    }
    #night60{
      padding-right: 0rem;
      padding-left: 0rem;
      margin-right: 0rem;
      margin-left: 0rem;
    }
    #jayenge1{
      display: none;
    }
    #jayenge3{
      display: none;
    }
    #returnD{
      display: none;
    }
    #costD{
      display: none;
    }
    #changes10{
      padding-left: 0rem;
    }
    .bam{
      display:none;
    }

    .direct{
      padding-left:0;
      padding-right:0;
    }

    .gam{
      display:flow-root;
    }

    #foot{
      padding-left:0rem;
      padding-right:0rem;
    }
  }



  @media(max-width: 340px)
  {
    #destination{
      width: 100%;
    }

    #mess{
      height: 13em;
    }
  }

  @media (max-width: 300px)
  {
    #changes4{
      font-size:35px;
    }

    #night2{
      width: 200px;
    }
  }

  @media (max-width: 239px)
  {
    body{
      display:none;
    }
  }


  /* XX-Large devices (larger desktops, 1400px and up)*/
  @media (min-width: 1400px) 
  {
    #secondClass{
      width: 50%;
    }

    .masthead{
    height: 83vh;
    background-position: 100% 20%;
    }

    .masthead4{
      height: 45vh;
      background-position: 100% 20%;
      }

    .bottom{
      font-size:80px;
    }

    .bottom2{
      font-size:60px;
    }

    .botton{
      font-size: 50px;
    }

    .masthead2{
      height: 80vh;
    }

    #light{
      font-size:100%;
    }

    #jhoota{
      width:75%;
    }
    
    #makkad{
      font-size:larger;
    }

    .masthead3{
      height: 80vh;
    }

    .aalooREMASTERED{
      width:25%;
    }

    #prog{
      width:14.5%;
    }

    #divider{
      width:50%;
    }

    #texting{
      width:50%;
    }

    #lambda{
      width:75%;
    }

    #theta{
      display:inline;
    }

    .brond{
      width: 15%;
    }

    .dexter{
      font-size:medium;
      width: 800px;
    }

    .bulaava{
      width: 300px;
    }

    .bulaava2{
      width:200px;
    }

    .pondicherry{
      width: 400px;
    }
  }