.fotos{
	background: #fff;
	padding: 30px 40px;
}

.menu-rastro-fotos{
     background: #fff;
    padding: 5px 30px 5px;

}

.fotos-dos{
    background: #fff;
    padding: 4px 40px 10px;

}

.fotos-boton{
    background: #fff;
    padding: 0px 40px 50px;

}

.titulo-tipo-foto{
    font-size: 1.5em;
    margin: 10px 0px;
    color: #253b42;
    float: left;

}

.texto-tipo-gallery{
    color:#778899;
    padding: 30px 0px;
    text-align: left;
    font-size: 13.7px;
    line-height: 1.8;
    letter-spacing: 0.2px;

}



.gallery-container{
	display: flex;
	flex-wrap: wrap;
}

.gallery-item{
	width: 25%;
	box-sizing: border-box;
	
	}





#prev {
    margin: 0em .2em .9em;
    padding: 10px 15px;
    font-size: 1.1em;
    color: #fff;
    background: #4f7db1;
    cursor: pointer;
}

#next {
    margin: 0em .2em .9em;
    padding: 10px 15px;
    font-size: 1.1em;
    color: #fff;
    background: #4f7db1;
    cursor: pointer;
}

.fa-caret-left{
	margin: 0px 8px 0px 0px;

}

.fa-caret-right{
	margin: 0px 0px 0px 8px;

}




.fa-chevron-left{
	margin: 0px 10px;

}

.metro {
    display: inline-block;
    padding: 8px 20px;
    margin: 2px 0px 4px;
    background: #f18721;
    color: white;
    position: relative;
    text-decoration: none;

}

.metro a:hover{
    color: #fff;
}


@media screen and (max-width: 770px){
    .metro {
    display: inline-block;
    padding: 10px;
    margin: 10px 0px;
    background: #f18721;
    color: white;
    text-decoration: none;

}

.boton-metro{
    background: ;
}

    }




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



.gallery-container{
   
 
    box-sizing: border-box;
    
}


.gallery-item{
    width: 45%;
    box-sizing: border-box;
 
    
    }

}

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



.gallery-container{
    
    display: block;

  
}


.gallery-item{
    width: 85%;
    display: block;
    box-sizing: border-box;
    
    }

}