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

.container-fotos2{
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     padding: 20px;
     margin-top: 20px;
     margin-bottom: 20px;
}

.fotos2{
    display: grid;
    min-width: 90%;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
}

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

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

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

.fotos2 figure:hover img,#galeria-full .mais3: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);}

.fotos2 img{ min-height: 250px; max-height: 250px; min-width: 100%; object-fit: cover; }
#galeria-full2 {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-full2 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-full2 li img {display: none; width: 100%;border: solid 3px #28ABE2; max-height: 300px; object-fit: cover;}
#galeria-full2 li {float: left; height: 599px; width: 700px;position: absolute; left: 50%; top: 100px; margin-left: -323px;}
#galeria-full2 .mais3 {position: absolute;top: 45%;}
#prev2 {left: -6%;}
#next2 {right: -6%;}
#galeria-full2 a#fechar2 {right: -20px;top: 4px;font-size: 44px; color: red!important;}

#galeria-full2 {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-full2 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-full2 li img {display: none; width: 100%;border: solid 3px #28ABE2;}
#galeria-full2 li {float: left; height: 599px; width: 700px;position: absolute; left: 50%; top:-10px; margin-left: -323px;}
#galeria-full2 .mais3 {position: absolute;top: 45%;}
#prev2 {left: -16%; margin-top: -55%; height: 80px; width: 80px; font-size: 100px;color: #66D9D9FF!important; position: relative; z-index: 99999999;}
#next2 {right: -16%;margin-top: -55%; height: 80px; width: 80px; font-size: 100px;color: #66D9D9FF!important; position: relative; z-index: 99999999;}


.fotos2 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;
}
.fotos2 figcaption span {
color: #fff!important;
font-family: "Chewy";
font-size: 32px!important;
}

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

#galeria-full2 span,#galeria-full2 p {color: #28ABE2;}
#legenda2 {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,.mais3 {font-family: "Chewy";font-size: 72px; position: absolute; line-height: 39px; text-align: center; text-decoration: none;-webkit-backface-visibility: hidden;backface-visibility: hidden; }
.mais3 { 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;}



.fotos2 img,.mais3 {
-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-galery2{
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

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

.fotos2 figure{
 height: 200px;
}

.fotos2 figcaption{
  display: none;
}

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


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

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

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

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

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

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

.container-fotos2{
    margin-top: 250px;
    margin-bottom: 50px;
}
}


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

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

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

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

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

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

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

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

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

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

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