@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700&display=swap');
@font-face {
font-family: 'Poppins', sans-serif;
src: url('../fonts/texgyreadventor-regular-webfont.html') format('woff2'),
url('../fonts/texgyreadventor-regular-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Poppins', sans-serif;
}
#overlay{margin:0;width:50px;display:block;position:relative;height:40px;z-index:10; float:right; margin-right:0;}
.icon{background-color:#FFF;width:30px;margin-top:0;height:5px;position:absolute;}
.icon::before, .icon::after{content:'';background-color:#FFF;width:30px;height:5px;position:absolute; margin-left: -15px;}
.icon::before{top:10px;}
.icon::after{top:20px;}
.menu{background-color:rgba(0,0,0,0.7);background-position:center center;width:100%;height:auto;margin:0 auto;position:absolute;top:0;left:0;right:0;}
.menu ul{list-style:none;padding:0;margin-top:40px;}
.menu li a{font-family: 'Poppins', sans-serif;display:block;text-decoration:none;color:#ffffff;font-weight:600;font-size:14px;text-align:center;padding:5px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.menu li a:hover{color:#cccccc;}