@import url('<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">');
body{
	width:100%;
	margin:0;
	padding:0;
	font-family: 'Playfair Display', serif;
	font-size:16px;
	color: gray;
}

img{
	max-width:100%;
	display:block; 
}
header{
	width:100%;
    margin: auto;
    padding:  30px 0;
}
.container{
    width:  90%;
    margin: 0 auto;
    overflow:  hidden;
}
.logo{
    width:  20%;
    float:  left;
}
.logo img{}

nav{
    width:  80%;
    float: right;
}
nav ul{
    margin: 0;
    padding: 0;
    text-align:  right;
    width: 100%;
}
nav ul li{
    list-style-type:  none;
    display: inline-block;
    padding: 0 0 0 40px;
}
nav ul li a{
    text-decoration:  none;
    color: gray;
    font-family: 'Playfair Display', serif;
    font-size:  19px;
    
}
nav ul li a:hover{}

.banner-section{}
.banner-section .container img{
    width: 100%;
}

.article-section{}
.container-box{
    width:  80%;
    margin: 0 auto;
}
.art1{
    padding: 40px 30px;
}
article span{
    color: #b1afaf;
}
article h1{
    color: gray;
    font-size: 1.9em;
}
article p{}
article a{
    text-decoration:  none;
}
article a span{}

.gallery-box{
    overflow:  hidden;
}
.art2{
	padding: 40px 0;
}
.gallery-box1{
    /* width:  50%; */
    overflow:  hidden;
    /* float: left; */
}
.gallery-box2{
    /* width:  50%; */
    /* float: left; */
}
.gallery-box3{}
.gallery{
    width:  50%;
    float: left;
    padding:30px;
    box-sizing: border-box;
}
.gallery img{
    width: 100%;
}
.gallery span{
    display:  block;
    margin-top:  10px;
}
.gallery h1{}
.gallery p{}
.sign-up{
	width:100%;
	margin:0 auto;
	background: #e4e2e2;
	padding: 100px 0;
}
.input{
	margin:0 auto;
	text-align: center;
	padding:30px 0;
}
.sign-up p{
	font-size: 20px;
	color:black;
}
.sign-up form{
}
.sign-up form input[type=email] {
    border: none;
    background: none;
    text-align: left !important;
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-right: 265px;
    outline:none;
}
.sign-up hr {
    width: 500px;
    text-align: left;
    margin: auto;
    color: black;
}
.sign-in{
	background:#e4e2e2;
	padding:10px 20px;
}
.load{
	width:100%;
	background: white;
	font-size: 40px;
	color:#bbbbbb;
}
.load .load1{
	text-align: center;
	margin:0 auto;
	padding-bottom: 50px;
}
button{
	padding:20px 50px;
	font-size: 20px;
	color:#565555;
}


footer{
	width:100%;
	background: #bbbbbb;
	padding:30px 0;
}
.footer-menu{
	width: 50%;
	float: left;
}
.footer-menu ul{
	margin: 0;
	padding:0;

}
.footer-menu ul li {
	list-style: none;
	float:left;
}
.footer-menu ul li a {
	text-decoration: none;
	color:black;
	text-transform:capitalize;
	margin-right:20px;
	font-size: 18px;
}
.footer-menu ul li a:hover{}

.social-menu{
    width:  50%;
    display:  inline-block;
}
.social-menu ul{
    margin:  0;
    padding:  0;
    text-align: right;
}
.social-menu ul li{
	display: inline-block;

}
.social-menu ul li span{
	font-size: 18px;
	color:black;

}
.social-menu ul li a{
	color:gray;
	margin-left: 10px;
}
.social-menu ul li a:hover{}