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

@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@500');


body {
	background-size: 100% 100%;
	width: 100%;
	font-family: Alegreya, serif;
	font-weight: 700;
	
}


.content{
	background: white;
	width: 60%;
	padding: 1%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;		
}

.content2{
	background: black;
	width: 100%;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;		
}

.content3{
	background: black;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;		
}



.gallery{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	
}

.gallery img{
	width: 30%;
	height: auto;
	padding: 5px;
}

.gallery img:hover{
	opacity: .5;
}


.col3 img {
	width: 100%;
	height: auto;
	display: block;
}

.col3 {
	width: 27%;
	height: 350px;
	float: left;
	margin: 1%;
}


.clearfix::after {
  content: "";
  clear: both;
}

h2 {
	color: #000000;	
	font-size: 48px;
	text-align: center;
}

h3 {
	color: #000000;	
	font-size: 35px;
	margin-left: 5px;
	margin-right: 10px;
}

h5 {
	color: #fff;	
	font-size: 48px;
	text-align: center;
}

p {
	color: #000000;	
	font-size: 22px;
	margin-left: 5px;
	margin-right: 10px;
	font-weight: 400;

}
@media (max-width:768px){
body {
	max-width: 768px;
	}
.content{
	width: 100%;
	}
.content3{
	width: 100%;
	}
}
@media (max-width:400px){
body {
	max-width: 400px;
	}
.content{
	width: 100%;
	}
.content3{
	width: 100%;
	}
.gallery img{
	width: 50%;
}


}