@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
*{margin: 0; padding: 0; box-sizing: border-box;}
body{ margin: 0; font-family: 'Play', sans-serif; overflow-x:hidden ; background-color: lightgrey;}
h1{text-align: center;}
#main{width: 100%; height: auto; background-color: lightgrey; }
.galeria{width:90%; margin:  auto; display: flex;   flex-wrap: wrap;    padding: 5px; flex-direction: row;}

img{width: 100%;}
.gallery-card{    filter: brightness(.9);    padding: 10px;   flex:20%;}
.gallery-card img{margin-top: 5px; align-items: center;}

.gallery-card p{text-align: center;}
.gallery-card img:hover{filter: brightness(1.2);}



.titulo{  height: auto; width: 100%;  padding-top: 3%;}
.atras{ position: relative; height: auto; width: 100%;   padding-left: 3%;}

.derechos p{color: white}
.derechos{width: 100%; height: 3vh; background-color: #00206b; top: 150%}
.derechosdeci{  height: 100%; width: auto; float: left;}
.creadopor{ height: 100%; width: auto; float: right;}




a:link{text-decoration: none;}
a{color: black}
a:hover {
  color: #1717FF;
  cursor: pointer;
}



@media screen and (max-width: 1325px)
{
.gallery-card{flex: 50%;}
.titulo h1{font-size: 25px;}
.atras h2{font-size: 20px;}


}