: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;
}

#contenedor_principal{
    display: grid;
    grid-template-columns: auto;
    }

    .enlaces a {
        color: var(--azul);
        font-size: 20px;
    }

    .enlace {
        margin-top: 2rem;
    }

    .contenedor_imagen_texto {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 5rem;
    }

    h1 {
        color: var(--azul);
        font-size: 6rem;
    }

.enlaces {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.enlace :hover {
    color: var(--amarillo);
}


@media (min-width:700px){
    .enlaces {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto;
        text-decoration: none;    
    }

     .e2, .e4{
        display: flex;
        justify-content: right;
    }
}