:root{
    --azul: #004a7b;
    --amarillo: #ffc400;
    --blanco: #ffffff;
    --fuenteTitulo: 'Bebas Neue', cursive;
    --fuenteParrafo: 'Montserrat', sans-serif;
}

h1, h2 {
    font-family: var(--fuenteTitulo);
}

p, a, h3 {
    font-family: var(--fuenteParrafo);
    font-weight: 400;
}

.contenido {
    background-repeat: no-repeat;
    background-size: cover;
    height: 1024px;
}

body {
    background-color: var(--azul);
    
}

.sombra {
    background-color: rgba(0,0,0, .4);
    width: 100%;
    height: 100%;
}

.computacion {
    background-image: url(../img/Computacion.png);
}

.turismo {
    background-image: url(../img/Turismo.png);
}

.biologicas {
    background-image: url(../img/biologicas.png);
}

.secretariado {
    background-image: url(../img/secretariado.png);
}

.perito_contador {
    background-image: url(../img/perito_contador.png);
}

.perito_electricidad {
    background-image: url(../img/perito_electricidad.png);
}

.perito_alimentos {
    background-image: url(../img/perito_alimentos.png);
}

.dibujo_tecnico {
    background-image: url(../img/dibujo_tecnico.png);
}

.electronica {
    background-image: url(../img/electronica.png);
}

.mecanica {
    background-image: url(../img/mecanica.png);
}

.mercadotecnia {
    background-image: url(../img/mercadotecnia.png);
}

.administracion {
    background-image: url(../img/administracion.png);
}

.titulo h2 {
    font-size: 11rem;
    text-align: left;
    margin-left: 3rem;
}

.titulo1 {
    color: var(--blanco);
}
.titulo2 {
    color: var(--amarillo);
}

.contenido--2anios {
    max-width: 1250px;
    margin-left: 5rem;
    margin-right: 5rem;
}

@media(min-width:768px) {
    .contenido--2anios {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 5REM;
    }
    

    .c1 {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    
    .c2 {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    
    .c3 {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .c4 {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
    }
}
.contenido--2anios {
    /*border: 1px solid var(--amarillo);*/
    color: var(--blanco);
    column-gap: 3rem;
    text-align: justify;
}

.titulo3 {
    color: var(--amarillo);
    padding: 3rem;
}

.pensum {
    text-align: left;
}