*{
	box-sizing: border-box;
}

body{
	width: 100%;
	display: flex;
	justify-content: center;
	background-image: url("../images/background.jpg");
	background-attachment: fixed;
	font-family: 'Lobster', cursive;
}

.container{
	width: 77%;
	height: 3531px;
	background-color: #f7f3f4;
	font-family: 'Lobster', cursive;
}

.home{
	height: 225px;
	justify-content: center;
	background-image: linear-gradient(rgba(180,142,147,1), rgb(247,243,244,1));
}

.home h2, .contacts h2{
	text-align: center;
	margin: 60px;
	font-size: 281%;
	color: #895d5f;
}

.contacts{
	height: 225px;
	justify-content: center;
	background-image: linear-gradient(rgba(247,243,244,1), rgb(180,142,147,1));
}

.contacts p{
	text-align: center;
	margin: 30px;
	font-size: 156%;
	color: #f9f6f7;
}


	/* HORIZONTAL MENU */

.nav{
	font-size: 156%;
	justify-content: center;
	padding: 15px;
}

.nav ul{
	list-style-type: none;
	text-align: center;
}

.nav li{
	display: inline-block;
	margin: 0 14px 0 14px;
}

.nav a:link{
	color: #f9f6f7;
	text-decoration: none;
}

.nav a:visited{
	color: #f9f6f7;
	text-decoration: none;
}

.nav a:hover{
	color: #895d5f;
	text-decoration: none;
}


	/* MAIN PART */
	
.big{
	width: 100%;
	height: 3081px;
	justify-content: center;
	text-align: center;
}

.main{
	width: 45%;
	height: 100%;
	justify-content: center;
	display: inline-block;
	margin: 0 15px;
}




.article{
	width: 100%;
	height: 393px;
	margin: 20px 0px;
}

img{
	width: 100%;
	z-index: 1;
	display: inline- block;
}

.text{
	text-align: center;
	width: 100%;
	height: 100%;
	display: inline- block;
}

.text h4{
	background: #d6c2c7;
	font-size: 50px;
	transform: translateY(-300px);
	filter: opacity(0%);
	z-index: 0;
	
}

.text p{
	background: #d6c2c7;
	font-size: 23px;
	transform: translateY(-250px);
	filter: opacity(0%);
	z-index: 0;
	text-align: center;
}

.article:hover img{
	filter: opacity(30%);
	transition: 1.5s;
	z-index: 0;
}

.article:hover h4{
	filter: opacity(100%);
	transition: 3s;
	z-index: 1;
}

.article:hover p{
	filter: opacity(100%);
	transition: 3s;
	z-index: 1;
}

hr{
	text-decoration: none;
	border-width: 2px;
	border-color: #895d5f;
	background-color: #895d5f;
	margin: 20px 0px;
	border-radius: 50px;
}