sans-serif@import url(contacto.css);
@import url(responsive_base.css);

/* MEDIA QUERIES */

@media screen and (max-height:1600px) {
    .cuadro_contacto {
        margin-bottom: 5.3%;
    }
}

@media screen and (max-height:1200px) {
    .cuadro_contacto {
        margin-bottom:4%;
    }
}

@media screen and (min-width:1760px) and (max-width:1915px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 2em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 2em;
    }
}

@media screen and (min-width:1600px) and (max-width:1759px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.7em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.7em;
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.6em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.6em;
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.6em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.6em;
    }
}

@media screen and (min-width:1180px) and (max-width:1279px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.5em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.5em;
    }
}

@media screen and (min-width:1080px) and (max-width:1179px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.6em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.6em;
    }
}

@media screen and (min-width:1024px) and (max-width:1079px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.5em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.5em;
    }
}

@media screen and (min-width:901px) and (max-width:1023px) {
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.4em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.4em;
    }
}

@media screen and (min-width:801px) and (max-width:900px) {
    #cont_fotos_cont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        background-color: #466694;
    }
    #cont_fotos_cont img {
        width: 65%;
        height: 65%;
    }
    .cuadro_contacto {
        width: 64%;
        border: 4px solid #00aaff;
    }
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.2em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.2em;
        color: rgb(255, 255, 255);
    }
}

@media screen and (min-width:641px) and (max-width:800px) {
    #cont_fotos_cont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        background-color: #466694;
    }
    #cont_fotos_cont img {
        width: 65%;
        height: 65%;
    }
    .cuadro_contacto {
        width: 64%;
        border: 4px solid #00aaff;
    }
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.2em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.2em;
        color: rgb(255, 255, 255);
    }
}

@media screen and (min-width:480px) and (max-width:640px) {
    #cont_fotos_cont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        background-color: #466694;
    }
    #cont_fotos_cont img {
        width: 65%;
        height: 65%;
    }
    .cuadro_contacto {
        width: 64%;
        border: 4px solid #00aaff;
    }
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1.2em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1.2em;
        color: rgb(255, 255, 255);
    }
}

@media screen and (min-width:400px) and (max-width:479px) {
    #cont_fotos_cont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        background-color: #466694;
    }
    #cont_fotos_cont img {
        width: 70%;
        height: 70%;
    }
    .cuadro_contacto {
        width: 70%;
        border: 4px solid #00aaff;
    }
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: 1em;
        color: rgb(255, 255, 255);
    }
}

@media screen and (min-width:320px) and (max-width:399px) {
    #cont_fotos_cont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        background-color: #466694;
    }
    #cont_fotos_cont img {
        width: 70%;
        height: 70%;
    }
    .cuadro_contacto {
        width: 70%;
        border: 4px solid #00aaff;
    }
    .cuadro_contacto p {
        font-family: arial, sans-serif;
        font-size: 1em;
        color: #000;
        text-align: center;
    }
    #email_contacto a {
        font-size: .7em;
        color: rgb(255, 255, 255);
    }
}