@import url(https://fonts.googleapis.com/css?family=Chewy);

.title-galery{
    margin-top: -15px;
}
.fotos{
    display: grid;
    min-width: 90%;
    grid-template-columns: repeat(4, 1fr);
}

.fotos figure{
    min-width: 93%;
    margin: auto;
}

ul,li {list-style:none}
.fotos {margin: 30px auto!important; margin-bottom: 0!important;padding-bottom: 0!important; width:800px;}
.fotos:after {content:""; display: block; clear: both;}

.fotos figure {float: left; cursor: pointer; width: 30%;margin: 20px 9px;border: solid 2px #25AAE1;height: 134px;overflow: hidden;position: relative;}

.fotos figure:hover img,#galeria-full .mais2:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

#galeria-full {display: none; width: 100%; height: 100%; background: rgba(255,255,255,0.8); position: fixed; z-index: 800; top:0; left: 0; overflow: hidden;}

#galeria-full ul {height: 100%; width: 100%; position: absolute;left: 0px; top: 0;-webkit-transition: all ease-out 1s;-moz-transition: all ease-out 1s;-ms-transition: all ease-out 1s;-o-transition: all ease-out 1s;transition: all ease-out 1s; }

#galeria-full li img {display: none; width: 100%;border: solid 3px #28ABE2; max-height: 300px; object-fit: cover;}
#galeria-full li {float: left; height: 599px; width: 700px;position: absolute; left: 50%; top: 100px; margin-left: -323px;}
#galeria-full .mais2 {position: absolute;top: 45%;}
#prev {left: -6%;}
#next {right: -6%;}
#galeria-full a#fechar {right: -20px;top: 4px;font-size: 44px; color: red!important;}

#galeria-full {display: none; width: 100%; height: 100%; background: rgba(255,255,255,0.8); position: fixed; z-index: 800; top:0; left: 0; overflow: hidden;}
#galeria-full ul {height: 100%; width: 100%; position: absolute;left: 0px; top: 0;-webkit-transition: all ease-out 1s;-moz-transition: all ease-out 1s;-ms-transition: all ease-out 1s;-o-transition: all ease-out 1s;transition: all ease-out 1s;  }
#galeria-full li img {display: none; width: 100%;border: solid 3px #28ABE2;}
#galeria-full li {float: left; height: 599px; width: 700px;position: absolute; left: 50%; top:-10px; margin-left: -323px;}
#galeria-full .mais2 {position: absolute;top: 45%;}
#prev {left: -16%; margin-top: -55%; height: 80px; width: 80px; font-size: 100px;color: #66D9D9FF!important; position: relative; z-index: 99999999;}
#next {right: -16%;margin-top: -55%; height: 80px; width: 80px; font-size: 100px;color: #66D9D9FF!important; position: relative; z-index: 99999999;}


.fotos figcaption {position: absolute;
top: -190px;
left: 0;
height: 100%; width: 100%;
background: rgba(37, 170, 225, 0.78);
color: #fff;
font-family: "Chewy";
text-align: center;
padding-top: 40px;
border: solid 1px #fff;
}
.fotos figcaption span {
color: #fff!important;
font-family: "Chewy";
font-size: 32px!important;
}

#number {
font-family: "Trebuchet MS",sans-serif;
font-size: 18px;margin:0;}

#galeria-full span,#galeria-full p {color: #28ABE2;}
#legenda {text-align: center;
position: absolute;
bottom: 55px;
width: 100%;
background: url(imagenes/1.png) no-repeat center 0;
background-size: 100%;
color: #28ABE2;
height: 58px;
line-height: 47px;
font-family: "Chewy"; z-index: 8;
}
.mais,.mais2 {font-family: "Chewy";font-size: 72px; position: absolute; line-height: 39px; text-align: center; text-decoration: none;-webkit-backface-visibility: hidden;backface-visibility: hidden; }
.mais2 { z-index: 5; background: url(imagenes/1.png) no-repeat;color: #fff!important;width: 55px;height: 46px;}
.mais {background: url(imagenes/1.png);bottom: 61px;right: 14px; width: 53px; height: 49px;}
.mais-not {position: absolute;bottom: 0px;right: 0px;font-family: "Chewy";font-size: 15px!important;text-decoration: none;padding-top: 5px;}



.fotos img,.mais2 {
-webkit-transition: all ease-out 0.5s;
-moz-transition: all ease-out 0.5s;
-ms-transition: all ease-out 0.5s;
-o-transition: all ease-out 0.5s;
transition: all ease-out 0.5s;}


.title-galery{
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-galery h1{
    font-size: 50px;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width: 1000px) {

.fotos{
    display: grid;
    min-width: 90%;
    grid-template-columns: repeat(2, 1fr);
}

.fotos figure{
 height: 200px;
}

.fotos figcaption{
  display: none;
}

#galeria-full li {float: left; min-height: 900px; width: 900px;position: absolute; left: 37%; top:25%; margin-left: -323px;}


#galeria-full img{
    object-fit: cover;
    min-height: 1000px;
}

#galeria-full a#fechar {right: -20px;top: 4px;font-size: 154px; color: red!important;}

#prev{
    font-size: 300px; 
    left: 0%;
    margin-top: 10%;
}

#next{
    font-size: 300px; 
    right: 0%;
    margin-top: 10%;
}

.title-galery{
    margin-top: -200px;
    height: 150px;
}

.title-galery h1{
    font-size: 100px;
}
}


@media only screen and (min-width: 1000px) and (max-width: 1200px) and (min-height: 900px)  {

.title-galery{
    margin-top: -30px;
}

 #galeria-full li {float: left; min-height: 900px; width: 850px;position: absolute; left: 40%; top:17%; margin-left: -323px;}

 #galeria-full a#fechar {right: -20px;top: 4px;font-size: 94px; color: red!important;}

 #galeria-full li img{
    min-height: 900px;
 }

 #prev{
    font-size: 300px; 
    left: 0%;
    margin-top: 2%;
}

#next{
    font-size: 300px; 
    right: 0%;
    margin-top: 2%;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1290px) and (max-height: 900px)  {

.title-galery{
    margin-top: -35px;
}

 #galeria-full li {float: left; min-height: 900px; width: 500px;position: absolute; left: 57%; top:20%; margin-left: -323px;}

 #galeria-full a#fechar {right: -20px;top: 4px;font-size: 54px; color: red!important;}
}

@media only screen and (min-width: 1300px) {

 #galeria-full li {float: left; min-height: 900px; width: 500px;position: absolute; left: 57%; top:20%; margin-left: -323px;}
}