* {
    margin: 0;
    padding: 0;
}
.contenedor {
	max-width:1200px;
    margin:0 auto
}

              /*Paginacion*/
			  
.paginacion {
	margin:20px 0;
}

.paginacion ul {
	list-style:none;
	text-align: center;
}

.paginacion ul li {
	display:inline-block;
	margin-right:10px;
}

.paginacion ul li a {
	display:block;
	padding:10px 20px;
	color:#fff;
	background:#024959;
	text-decoration: none;
}

.paginacion ul li a:hover {
	background:#037E8C;
}

.paginacion ul li .active {
	background:#037E8C;
	font-weight:bold;
}

                                     /*Grid*/

.grid-container{
	display: grid;
	grid-template-columns: repeat(auto-fill,220px);
	gap: 5px;
	justify-content: center;
	
	
	}
.grid-item{
	width: 220px;
	/*height:200px;
	object-fit: cover; Esto sirve para mejorar la dimension al poner una altura definida */
	}

@media only screen and (max-width: 480px) {
    .banner img {
        max-width: 960;
        max-height: 352px;
        width: 100%;
        height: auto;
    }
   
    .ir-arriba {
        display: none;
    }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
    .contenedor {
        width: 80%;
    }
}