html, body{
	margin: 0;
	padding: 0;
	font-family: 'Playfair Display', serif; 
    height: 100%;
    margin: 0px;
}
.top{width:100%; height:23px; margin:auto; padding:0px;}
.bottom{width:100%; height:12px; margin:auto; padding:0px;}
.padd10{padding-top:0;}
#wrapper{width:100%;background:#e2e4ee; margin:auto; padding:0px; min-height:100%; }
#wraper_inner{background:#e2e4ee; margin:auto; width: 70%;}
h3{
	font-family: 'Playfair Display', 
	serif; font-size:60px; 
	color:#0c0c0c; 
	font-weight:700;
	border-bottom: 2px solid black;
    padding-bottom: 15px;
}
h4{
	font-family: 'Playfair Display', serif;
	font-size:25px; 
	color:#000; 
	font-weight: 600;
	line-height: 35px; 
	padding-left: 0px; 
	padding-top: 20px;	
}
.nav{width:400px; margin:0 auto; padding:0px;}
.nav li{
	list-style: none; display:inline-block; padding:50px 15px; 
}
 .nav a{
	text-decoration: none;text-align:center;font-family: 'Playfair Display', serif; font-size:25px; font-weight:600; color:#0c0c0c;
}
.email{color:#000; text-decoration:none;}
.email a:hover {text-decoration:underline;}
.active{text-decoration:underline;}
h1, h2{
	text-transform: uppercase;
	font-weight: bold;
}
p{font-family: 'Playfair Display', serif; font-size:25px; font-weight:600;   color:#0c0c0c; text-align:justify; padding:10px 35px 20px 0; }

@media  screen and (min-width: 320px) and (max-width: 380px){
#wrapper{width:97%;background:#e2e4ee; margin:auto; padding:0px; min-height:100%; }
.top{width:100%; height:10px; margin:auto; padding:0px;}
.bottom{width:100%; height:1px; margin:auto; padding:0px;}
h3{font-family: 'Playfair Display', serif; font-size:35px; color:#0c0c0c; text-align:center; font-weight:700;}
h4{font-family: 'Playfair Display', serif; font-size:16px; font-weight:normal;   color:#5f6064; text-align:center;}
.nav{width:70%; height:auto; margin:auto; padding:0px;}
}
@media  screen and (min-width: 400px) and (max-width: 500px){
h3{font-family: 'Playfair Display', serif; font-size:35px; color:#0c0c0c; text-align:center; font-weight:700;}
h4{font-family: 'Playfair Display', serif; font-size:16px; font-weight:normal;   color:#5f6064; text-align:center;}
.nav{width:70%; height:auto; margin:auto; padding:0px;}
}
@media  screen and (min-width: 768px) and (max-width: 800px){
.top{width:100%; height:12px; margin:auto; padding:0px;}
.bottom{width:100%; height:4px; margin:auto; padding:0px;}
h3{font-family: 'Playfair Display', serif; font-size:35px; color:#0c0c0c; text-align:center; font-weight:700;}
h4{font-family: 'Playfair Display', serif; font-size:16px; font-weight:normal;   color:#5f6064; text-align:center;}
.nav{width:70%; height:auto; margin:auto; padding:0px;}
}
@media  screen and (min-width: 980px) and (max-width: 1024px){
.top{width:100%; height:12px; margin:auto; padding:0px;}
.bottom{width:100%; height:4px; margin:auto; padding:0px;}
h3{font-family: 'Playfair Display', serif; font-size:35px; color:#0c0c0c; text-align:center; font-weight:700;}
h4{font-family: 'Playfair Display', serif; font-size:16px; font-weight:normal;   color:#5f6064; text-align:center;}
.nav{width:50%; height:auto; margin:auto; padding:0px;}
}

/*************** New Style ****************/
.row{
	margin: 0;
}