/* Oferta Académica */
#oferta{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 2% auto;
    background-color: white;
}
#oferta article{
    display: flex;
    width: 23%;    
    margin: 0 1%;
    min-height: 500px;
    background-color: aquamarine;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
    border-radius: 5px;    
}
#ofeBach{ background: url(../img/01-computacion-del-golfo-bachillerato.png); }
#ofeUniv{ background: url(../img/02-computacion-del-golfo-licenciaturas-universidad.png); }
#ofeEspe{ background: url(../img/03-computacion-del-golfo-especialidades.png); }
#ofeCapa{ background: url(../img/04-computacion-del-golfo-cursos-capacitacion.png); }
#oferta article a{
    width: 100%;
    padding: 4%;
    background-color: #002E6CDD;
    text-align: center;    
}
.oferTit{
    font-size: 2em;
    color: #FFF;
}
.oferSub{
    font-size: 1.4em;
    color: #4ebcfc;
}
@media screen and (max-width: 1250px) {
    .oferTit{ font-size: 1.8em; }    
}
@media screen and (max-width: 1130px) {
    .oferTit{ font-size: 1.6em; }    
}
@media screen and (max-width: 1010px) {
    .oferTit{ font-size: 1.4em; }
    .oferSub{ font-size: 1.2em; }
}
@media screen and (max-width: 460px) {
    .oferTit{ font-size: 1.2em; }    
}
@media screen and (max-width: 900px) {
    #oferta article{    
        width: 46%;
        margin: 1% 2%;
        min-height: 400px;
    }
}
@media screen and (max-width: 360px) {
    #oferta article{
        width: 96%;
        margin: 1% 2%;
        min-height: 400px;
    }
    .oferTit{ font-size: 1.4em; }
    .oferSub{ font-size: 1.2em; }
}
/* Vinculación */
#convenios{
    display: block;
    width: 100%;    
    padding: 2%;    
    background: #FFF;
    color: #002E6C;
    align-items:center;
}
#convenios h2{
    width: 100%;
    padding: 1% 0;
    font-size: 2em;
    text-align: center;
    color: rgb(0, 46, 108);
}
#convenios div{
    display: flex;
    flex-wrap: wrap;    
    width: 100%;    
}
#convenios article{
    display: block;
    width: 21%;
    margin: 2%;
    padding: 2%;
}
#convenios article img{
    width: 100%;
}
@media screen and (max-width: 660px){
    #convenios article{
        width: 46%;
    }
}
@media screen and (max-width: 380px){
    #convenios h2{
        font-size: 1.8em;
    }
}