* {
    box-sizing: border-box;
}
body {
	width:100%;
	background-image: url("../images/bgd4.jpg")
}
/*body {
	width:100%;
	/*background-color: #efd872;*//*
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	/*color: #28567a;*//*
	color:chocolate;
	font-size: 1.8vw;
	font-weight: 600;*/
body {
	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	/*color:#C6952B; */
	color:sienna;
	font-size: 1.9vw;
	font-weight: 600;
	
}
.more {
	padding-left:40%;
	font-size: 1.5vw;
	font-weight: 400;
}
#img {
	/*font-size: 1.8vw;
	text-align: end;
	float: left;
	clear: both;*/
	padding-top:1.5%;
	padding-left: 16%;
}

.gallery {
	/*background-color:transparent;*/
	background-color:#ffffff;
	width:95%;
	align-content: center;
	align-items: center;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 2%;
	padding:1% 2% 2% 0%
	
}
.title {
	position:relative;
	text-align:left;
	left: 4%;
	right: 4%;
	width: 100%;
}
/*.title {
	text-align: end;
	
	padding: 0.6em 2em;
	margin: 0;

}*/
h1 {
	top: 10%;
	
	padding: 50 0 0 50;
	margin: 50 0 0 50;
}
.menu-item {
	position:absolute;
	text-align: right;
	width: 40%;
	margin:0;
}
/*.menu-item h6  {
	color: #ffffff;
	font-size: 0.7em;
	padding:0 2.5em 1em 0;
}*/
/*.menu-item h6:hover {
	color: #C6952B;
}
/**/
h6 {
	top: 8%;
	right: 8%;
	color: #ffffff;
	font-size: 0.7em;
	margin: 0;
}
h6:hover {
	color:chocolate;
}

a{
	text-decoration: none;
	color: #ffffff;
}
.gallery {
	display: flex;
	flex-direction: row;
}
.gallery__column {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
	justify-content:space-around;
}
.gallery__link {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
	
.gallery__image {
	/*display: block;*/	width: 100%;
}

.gallery__image:hover {
	transform: scale(1.1);
}

.gallery__column {    
   line-height: 0;       
    -webkit-column-count: 3;    
    -webkit-column-gap: 0px;    
    -moz-column-count: 3;
    -moz-column-gap: 0px;
     column-count: 3;    
     column-gap: 0px;    
}  
.gallery__column img {    
   width: 100% !important;    
   height: auto !important;  
}  
.gallery__column{    
   display:inline-block;    
   margin-right: auto;    
   margin-left: auto;  
}
@media only screen and (min-width : 1100px ){
	#img {
		/*content:url("../images/nameL.png");*/
		width: 100%;
		
	}
}
@media only screen and (min-width : 800px ){
	#img {
		/*content:url("../images/nameM.png");*/
		width: 90%;
	}
}
@media only screen and (min-width : 300px ){
	#img {
		/*content:url("../images/nameS.png");*/
		width: 40%;
	}
}