@media (max-width: 1200px) and (min-width: 768px) {  
    #descripcion img {
        width: 325px;
    }
}
@media (max-width: 768px) {
     .page-section {
         padding: 1rem 0;
    }
     #mainNav .navbar-brand img {
         margin-left: 5px;
    }
     #mainNav .navbar-nav .nav-item .nav-link {
         padding: 2px 5px 2px 5px;
         margin: 15px 0px 0 0;
    }
     #mainNav .amarillo {
         background-color: #d9981e;
         border-radius: 25px;
         display: inline-block;
    }
     header.masthead {
         position: relative;
         height: 400px;
    }
     header.masthead .wrapper, header.masthead .contenidoheader {
        /*height: 60vh;
        */
         height: 100%;
    }
     header.masthead .masthead-heading {
         font-size: 38px;
         margin-top: 90px;
    }
     header.masthead .masthead-subheading {
         font-size: 12px;
         margin-right: 50%;
    }
     #contenido .caja-contenido {
         max-width: 100%;
         height: auto;
         padding: 0px 10px;
    }
     #contenido .caja {
         width: 100%;
         height: 275px;
         margin: 10px 0px 20px 0px;
    }
     #contenido img {
         position: absolute;
         width: 115px;
         height: auto;
         top: 85%;
         left: 50%;
         transform: translate(-50%, -50%);
    }
     #contenido h1 {
         font-size: 34px;
         margin-top: 95px;
    }
     #contenido h2 {
         font-family: Raleway-ExtraBold;
         font-size: 22px;
         text-align: center;
         margin-top: 0px;
         margin-right: unset !important;
    }
     #contenido h3 {
         font-family: Roboto-Light;
         font-size: 12px;
         color: #e3ad2d;
         text-align: center;
         font-style: italic;
    }
     #contenido p {
         font-style: italic;
         margin: 15px 5px 10px;
    }
     #contenido a {
        /*float: none;
         display: inline-block;
         margin: 0px 0 15px 70%;
         padding: 5px 15px;
         width: 80px;
         float: none;
         display: inline-block;
         margin: 20px 0 -10px 80%;
         padding: 5px 15px;
         width: 80px;
         position: relative;
        */
         position: relative;
         float: none;
         display: inline-block;
         width: 80px;
         margin: 30px 0 0px 80%;
         padding: 5px;
         right: 20px;
    }
     #descripcion img {
        width: 300px;
    }
     #descripcion .row {
         margin: 5px auto;
    }
     #descripcion p {
         width: 100%;
         text-align: left;
         font-weight: bold;
         line-height: 20px;
    }
     #nosotros .leyenda {
         float: none;
         margin: 0;
    }
     #nosotros .leyenda h1 {
         text-align: center;
    }
     #nosotros h2 {
         font-family: Raleway!important;
         text-align: left;
         font-style: normal;
         font-weight: 600;
    }
     #nosotros p {
         font-family: Roboto-Light;
         font-size: 14px;
         text-align: left;
         font-weight: bold;
         max-width: 100%;
         margin: 20px 15px;
    }
     #servicios .flip-box-back ul li p {
         font-family: Roboto-Medium;
         font-size: 14px;
         color: white;
         margin: 0px;
         line-height: 20px;
    }
     #servicios .flip-box-inner {
         margin: 5px auto;
    }
     #servicios h2 {
         font-size: 30px;
         line-height: 30px;
         margin-bottom: 20px;
    }
     #servicios h3 {
         font-size: 25px;
         line-height: 30px;
    }
     #servicios h3 span {
         font-size: 30px;
    }
     #servicios .servicios-text-left {
         text-align: center;
         text-align: left;
         margin: 0px 0px 10px 20px;
    }
     #servicios .servicios-text-center {
         text-align: center;
    }
     #servicios .servicios-text-right {
         text-align: center;
         text-align: right;
         margin: 0 20px;
    }
     section#contact label {
         font-size: 12px;
         text-align: left;
    }
     #contact .btn {
         right: 0;
    }
     #contenidos h1 {
         font-size: 20px;
         margin-top: 40px;
    }
     #contenidos a {
         font-family: Roboto-Medium;
         border-radius: 10px;
         font-size: 16px;
    }
     footer .logo {
         margin: 10px 0 15px;
    }
     footer .caja3 {
         margin: 15px 0 15px;
    }
     footer a {
         text-align: center;
         margin-left: unset !important;
    }
     footer .datos {
         text-align: left;
         margin-left: 25% !important;
    }
    /*.logos .flex {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }*/
     .logos .flex {
        display: grid;
        grid: 65px / auto auto;
    }
     .logos .grid {
         display: grid;
    }
     .exito p, .error p {
         width: 90%;
         margin: 0px auto 10px;
    }
     .logos {
         background-color: #f3f1e7;
         min-height: 90px;
         max-height: 170px;
    }
}
/* max-width: 768px */