/* Mobile Responsive */

@media (min-width: 768px) {

   #sala0{
    font-size: 3em !important;
    margin-top: -50px;
  }
  #sala {
    font-size: 2em !important;
    margin-top: 40px;
  }
  #sala1,#sala3 {
    font-size: 2em !important;
    margin-top: 10px;
  }
   #sala2 {
    font-size: 4em !important;
    margin-top: 70px !important;
  }
  #head {
    height: 750px;
  }

  #contact iframe {
  margin-bottom: -50px;
}

.office_location span {
    font-size: 16px;
}
.office_location i {
    font-size: 35px;
    margin-top: 20px;
}
.social p {
    font-size: 25px;
    padding-bottom: 0px;
    margin-top: 18px;
}
.social i {
    font-size: 19px;
    margin-top: 15px;
}
}

@media (min-width: 900px) {

   
}

@media (min-width: 980px) {
   .social {
    margin-left: 50px;
}
}

@media (min-width: 1200px) {
   #sala0{
    font-size: 4em !important;
    margin-top: -50px;
  }
  #sala {
    font-size: 2.8em !important;
    margin-top: 70px;
  }
  #sala1,#sala3 {
    font-size: 2.8em !important;
    margin-top: 40px;
  }
   #sala2 {
    font-size: 5em !important;
    margin-top: 100px !important;
  }
  #head {
    height: 940px;
  }

  #contact iframe {
  width: 100%;
  height: 500px;
  margin-bottom: -50px;
}

.social {
    margin-left: 0px !important;
}
}

@media (max-width: 1200px) {
   .overlay {
    height: 830px;
   }
}

@media (max-width: 1000px) {

  #phone {
    font-size: 16px;
  }
  footer p {
    font-size: 14px;
  }

}

@media (max-width: 980px) {

  #feature .col-md-4:last-child,
  #about .col-md-4 {
    margin-top: 42px;
  }

}


@media (max-width: 900px) {

  h1 {font-size: 70px;}

}


@media (max-width: 768px) {

  .navbar-default .navbar-brand {
    line-height: 46px;
    padding-bottom: -20px !important;
  }
  .navbar-default button {
    margin-top: 12px;
  }
  .navbar-default button:hover {
    background-color: #f8d0d8 !important;
  }
  #sala0{
    font-size: 2.7em !important;
    margin-top: -50px;
  }
  #sala {
    font-size: 2em !important;
    margin-top: -30px !important;
  }
  #sala1 {
    font-size: 2em !important;
    margin-top: -10px;
  }
  #sala3 {
    font-size: 2em !important;
  }
  #sala2 {
    font-size: 3em !important;
    margin-top: 50px !important;
  }
  #head {
    height: 650px;
  }

  #contact iframe {
  width: 500px;
  height: 300px;
  margin-bottom: -50px;
}
  #contact h2 {
    font-size: 30px !important;
  }
  #contact h4 {
    font-size: 15px !important;
    margin-bottom: -30px !important;
  }

  .social_icon {
        float: left;
    }
    #contact1 {
    max-height: 640px !important;
}
    #contact1 .office {
        padding-top: 30px;
    }
    #contact1 .office .title h5 {
        font-size: 18px;
        margin-top: -50px !important;
    }
    #contact1 .office_location span {
        font-size: 16px !important;
    }
.office_location i {
    font-size: 35px;
    margin-top: 20px;
}
.social {
  margin-bottom: -30px;
}
.social p {
    font-size: 25px;
    padding-bottom: 0px;
    margin-top: 18px;
}
.social i {
    font-size: 19px;
    margin-top: 20px;
}
#phone {
  margin-left: 30px;
}
 header .btn {
  font-size: 12px;
  letter-spacing: 0px;
  padding: 8px 10px;
  margin-right: 20px;
}
.overlay {
    height: 730px;
   }

}

@media (max-width: 767px) {

  .navbar-default .navbar-brand {
    line-height: 15px;
  }
  .navbar-default .navbar-nav li a {
    line-height: 30px;
  }

  #feature .col-md-4,
  #about .col-md-5,

}

@media (max-width: 650px) {

   #sala0{
    font-size: 2.4em !important;
    margin-top: -70px;
  }
  #sala {
    font-size: 1.5em !important;
    margin-top: 20px;
  }
  #sala1 {
    font-size: 1.5em !important;
    margin-top: -10px;
  }
  #sala3 {
    font-size: 1.5em !important;
  }
  #head {
    height: 600px;
  }

  #about,
  #feature,
  #video,
  #menu,
  #team,
  #gallery,
  #contact {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #contact iframe {
  width: 400px;
  height: 250px;
}

#contact1 {
    max-height: 640px !important;
}
.overlay {
    height: 675px;
   }

}

@media (max-width: 450px) {

   #sala0{
    font-size: 2em !important;
    margin-top: -100px;
  }
  #sala {
    font-size: 1em !important;
    margin-top: 0px;
  }
  #sala1 {
    font-size: 1em !important;
    margin-top: -30px;
  }
  #sala3 {
    font-size: 1em !important;
  }
   #sala2 {
    margin-top: 20px !important;
    font-size: 1.7em !important;
  }
  header.masthead p {
  line-height: 30px;
}
  #head {
    height: 530px;
  }

  #contact iframe {
  width: 250px;
  height: 200px;
}

#contact1 {
        max-height: 620px !important;
    }
    #contact1 .office {
        padding-top: 30px;
    }
    #contact1 .office {
        padding-top: 30px;
    }
    #contact1 .office .title h5 {
        font-size: 18px;
    }
    #contact1 .office_location span {
        font-size: 14px !important;
    }
.office_location i {
    font-size: 35px;
    margin-top: 20px;
}
.social p {
    font-size: 20px;
    padding-bottom: 0px;
    margin-top: 18px;
}
.social i {
    font-size: 19px;
    margin-top: 20px;
}
#top {
    margin-top: -20px;
}
#phone {
  font-size: 12px;
  margin-left: 5px;
}
.overlay {
    height: 605px;
   }
   #footer a {
  font-size: 11px;
  margin-left: -30px;
}
#footer h6 {
  margin-left: -25px;
}
#contact h2 {
  font-size: 20px !important;
}

}

@media (max-width: 320px) {
   #head {
    height: 570px;
  }
  #sala0{
    font-size: 1.8em !important;
  }
  #sala2 {
    font-size: 1.7em !important;
  }

  #contact1 {
    max-height: 640px !important;
}
    #contact1 .office {
        padding-top: 30px;
    }
    .overlay {
    height: 650px;
   }
   #contact h2 {
    font-size: 22px !important;
   }
   header .btn {
  font-size: 12px;
  padding: 5px 8px;
  margin-right: 10px;
}
}