/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-jun-2019, 16:47:15
    Author     : Tatiana
*/
@import  'colores';

.lote_mostrar_cursos {
    margin: 15px auto;
    width:70%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    @media (max-width:992px){
        width:100%;
    }
    a {
        flex: 1 1 32%;
        display: block;
        padding: 10px 15px;
        font-size: 18px;
        color:$fuente_colegios;
        background: $bg_colegios;
        max-width: 32%;
        margin: 2px 1% 2px 0;
        border:1px solid $borde_colegios;
        &:hover{
            border:1px solid $borde_colegios_hover;
            color:$fuente_colegios_hover;
            background: $bg_colegios_hover;
        }
    }
    @media (max-width: 450px){
        text-align:center;
        a{
            flex:1 1 50%;
            max-width: 48%;
        }
    }
    @media (max-width:350px){
        width:100%;
        a{
            max-width: 100%;
        }
    }
}
.text{	
    display: block;
    text-align: center;
    font-size: 1.3em;
}