@charset "utf-8";
/* CSS Document */


	

	
/* ------------------------- gallery ----------------------------------------*/	
#gallery {
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
	height:200px;
	}
#gallery a {
	display:block;
	width:200px;
	height:200px;
	margin:18px 0px 0px 20px;
	float:left;
	background-size:100%;
	text-decoration:none;
	border-radius:15px 15px 0 0;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease; /* Opera */
	-moz-transition:all 0.5s ease; /* Mozilla */
	transition: all 0.5s ease; /*colocar el código estandard al final*/
	}
#gallery a:hover {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	transform: scale(1.10);
	opacity:0.5;
	}
	
#gallery a:nth-of-type(1) {background-image:url(../images/chinguetti.jpg);}
#gallery a:nth-of-type(2) {background-image:url(../images/dogon/dogon01-b.jpg);}
#gallery a:nth-of-type(3) {background-image:url(../images/marruecos.jpg);}
#gallery a:nth-of-type(4) {background-image:url(../images/fotos.jpg);}



.texto {
	display:block;
	font-size:12px;
	color:#FFF;
	background-color:rgba(0, 0, 0, 0.4);
	margin:70px 0 0 0;
	padding:15px;
	text-align:center;
}
	







@media screen and (max-width: 1200px) {
#gallery {
	height:300px;
	}
}



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



}


@media screen and (max-width: 600px) {
#gallery {
	height:400px;
	}
#gallery a {
	width:150px;
	height:150px;
	
	}

}


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


}



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


}

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

}