/** Responsive "Tablets" **/
@media only screen and (max-width: 1700px) {
  .container {
    padding: 0 10%;
  }
}

/** Ipad **/
@media (max-width: 1024px) {
  /** Navbar **/
  #main-nav ul li a {
    font-size: 18px;
  }
  /** Rutas **/
  #rutas .box-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 900px;
  }
  #rutas .box-1 img {
    max-width: 70%;
  }
  /** Servicios **/
  #servicios .container-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 20px;
  }
  #servicios .container-2 div {
    width: 100%;
    margin-top: 3rem;
  }
  /** Nuestras Sedes **/
  #sedes .sedes-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #sedes .sedes-container div {
    width: 100%;
    margin-top: 2rem;
  }
  #sedes .sedes-container div p {
    font-size: 20px;
  }
  /** Contacto **/
  #contacto .container {
    max-width: 1400px;
    border: none;
  }
}

/** Iphone X **/
@media (max-width: 550px) {
  h2 {
    font-size: 25px;
  }
  /** Navbar **/
  #main-nav .container {
    height: 120px;
    /** height: 130px **/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #main-nav .container h1 {
    margin-top: 20px;
  }
  #main-nav .container ul {
    margin-bottom: 10px;
  }
  #main-nav .container ul li a {
    font-size: 16px;
  }
  /** Nosotros **/
  #nosotros .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #nosotros .container div {
    width: 100%;
  }
  #nosotros .container .box-1 p {
    font-size: 16px;
    margin-bottom: 3rem;
  }
  #nosotros .container .box-2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  /** Rutas **/
  #rutas .container {
    height: 650px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #rutas .box-1 {
    max-height: 250px;
  }
  #rutas .box-2 {
    margin-top: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #rutas .box-2 p {
    font-size: 16px;
  }
  /** Servicios **/
  #servicios {
    line-height: 1.6rem;
  }
  #servicios img {
    width: 130px;
  }
  #servicios .container-2 div h3 {
    font-size: 26px;
  }
  #servicios .container-2 div p {
    font-size: 16px;
  }
  /** Sedes **/
  #sedes {
    line-height: 1.6rem;
  }
  #sedes .sedes-container div i {
    font-size: 30px;
  }
  #sedes .sedes-container div h3 {
    font-size: 26px;
  }
  #sedes .sedes-container div p {
    font-size: 16px;
  }
  /** Contacto **/
  #contacto .container h2 {
    border: none;
  }
  #contacto .container .grid-container form {
    margin-top: 3rem;
    display: -ms-grid;
    display: grid;
        grid-template-areas: "area-nombre" "area-apellido" "area-email" "area-empresa" "area-telefono" "area-localidad" "area-mensaje";
  }
  #contacto .container .grid-container form input {
    font-size: 1rem;
  }
  #contacto .container .grid-container form textarea {
    font-size: 1rem;
  }
  /** Footer **/
  footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  footer .container img {
    margin: 0 0 1rem 0;
  }
}
/*# sourceMappingURL=responsive.css.map */