/* 
    Created on : May 14, 2017, 9:21:30 PM
    Author     : seba
*/

.article-wrapper{    
    background-image: url('../images/fondo.png');        
}

.inicio .games-grid{
    padding-top: 215px;
}
.inicio .games-grid-row{
    margin-left: 7.5%;
}


.games-grid-row a{
    height: 119px;
    /*width: 157px;*/
    display: block;   
    background-size: 100% 100% !important;
}
a[class^="n"]{
    max-width:500px;
    max-height: auto;
    margin:20px auto;
}

/*
@media only screen and (max-width: 767px){
}
@media only screen and (max-width: 991px)
{
    .games-grid a {
        min-height: 80px;
    }
}*/
/*number buttons*/
a.n1{
    background:url(../images/botones/areas/Boton_el_ser_humano_y_la_salud.png) no-repeat top left ;
}
a.n1:hover{
    background-image: url(../images/botones/areas/Boton_el_ser_humano_y_la_salud_activo.png);
}

a.n3{
    background:url(../images/botones/areas/Boton_los_seres_vivos.png) no-repeat top left ;
}
a.n3:hover{
    background-image: url(../images/botones/areas/Boton_los_seres_vivos_activo.png);
}



a.n2{
    background:url(../images/botones/areas/Boton_el_mundo_en_que_vivimos.png ) no-repeat top left ;
}
a.n2:hover{
    background-image: url(../images/botones/areas/Boton_el_mundo_en_que_vivimos_activo.png);
}


a.n4{
    background:url(../images/botones/areas/Boton_las_huellas_en_el_tiempo.png) no-repeat top left ;
}
a.n4:hover{
    background-image: url(../images/botones/areas/Boton_las_huellas_en_el_tiempo_activo.png);
}

@media only screen and (max-width: 1199px)
{
    .inicio .games-grid{
        
        padding-top: 180px;
        padding-bottom: 225px;
    }

    .games-grid-row a {
        max-height: 60px;
    }
}
@media screen and (max-width: 991px) {
    .inicio .games-grid{
        padding-top: 190px;        
    }
    
}
@media screen and (max-width: 768px) {
    
    .inicio .games-grid-row{
       margin-left: 0;  
    }
}