h1 {

 	text-align: center;
 	font-size: 72px;
 	font: "Helvetica-nueue", sans-serif;
 	text-transform: uppercase;
 	margin-top: 12%; 
 	letter-spacing: 2px;
 	background-color: #fff;


 }

 h2 {

 	text-align: center;
 	font-size: 34px;
 	font: "Helvetica-nueue", sans-serif;
 	text-transform: uppercase; 
 	letter-spacing: 2px;
 	background-color: #fff;
 	margin-bottom: 6%;
 	margin-top: 6%;


 }

 ul {

 	text-transform: uppercase;
 	font: "Helvetica-nueue", sans-serif;
 	font-size: 14px;
 	text-align: center;
 	text-decoration: none;
 	list-style-type: none;
 	display: block; text-align:center;
 	position: relative;
 	background-color: #fff;
 	padding: 30px;
 	display: flex;
 	align-items: center;

 	justify-content: space-around; 

 }

 li {

 	display: inline-block;
 	text-decoration: none;
 	text-align: center;
 	justify-content: space-around;

 }

 a {

 	color: black;
 	text-decoration: none;
 }

 a:link {
 	text-decoration: none;
 }

 a:visited {
 	text-decoration: none;
 }

}

a:active {
	text-decoration: underline;
}

.navigation {

	padding: 40px;
	text-decoration: none;
}

.grid {

	display: inline-block;
	text-align: center;
	padding-left: 7%;
	padding-right: 5%;
	position: relative;

}

	.grid-item {
 		display: inline;
 		position: relative;
 		
 	}



 	.about {

 		color: black;
 		font-family: "Garamond", serif;
 		font-size: 15px;
 		display: inline-block;
 		text-align: justify-center;
 		padding-left: 5%;
 		padding-right: 5%;
 		margin-right: 5%;
 		margin-left: 7%;
 		margin-bottom: 6%;
 		/*margin-bottom: 8%;
 		margin-top: 8%;*/
 		width: 1200px;
 	}


 	.contact {

 	
 		padding-left: 5%;
 		padding-right: 5%;
 		margin-right: 5%;
 		margin-left: 7%;
 		margin-bottom: 6%;
 		width: 1200px;
 		text-align: center;
 		justify-content: space-around;

 	}

 	



 	/*---------------*/
 	/***** Milo *****/
 	/*---------------*/

 	

 	.effect-milo img{
 		max-width: auto;
 		/*width: -webkit-calc(100% + 60px);
 		width: calc(100% + 60px);*/
 		opacity: 1;
 		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 		transition: opacity 0.35s, transform 0.35s;
 		-webkit-transform: translate3d(-30px,0,0) scale(1);
 		/*transform: translate3d(-30px,0,0) scale(1.12);*/
 		-webkit-backface-visibility: hidden;
 		backface-visibility: hidden;
 	}

 	.effect-milo img:hover {
 		opacity: 0.5;
 		-webkit-transform: translate3d(0,0,0) scale(0.8);
 		transform: translate3d(0,0,0) scale(1);
 	}


 	.painting-item {
 		position: relative;
 		display: inline-block;
 	}

 	.effect-milo p {
 		padding: 0 30px 0 0;
 		top: 60px;
 		left: 50px;
 		width: 70px;
 		border-right: 1px solid #fff;
 		text-align: center;
 		position: absolute;
 		z-index: 5;
 		/*top: 0;
 		left: 0;*/
 		opacity: 0;
 		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 		transition: opacity 0.35s, transform 0.35s;
 		-webkit-transform: translate3d(-40px,0,0);
 		transform: translate3d(-40px,0,0);
 		padding-bottom: 2px;
 		padding-top: 3px;
 		font-family: "Garamond", serif;
 		font-size: 14px;
 		font-weight: bolder;
 		/*display: block;*/
 	}


 	.effect-milo .painting-item:hover p {
 		opacity: 1;
 		-webkit-transform: translate3d(0,0,0);
 		transform: translate3d(0,0,0);
 	}

 	.effect-milo div {

 		position:relative;
 	}