@font-face {
    font-family: 'Manjari';
    src: url('../fonts/Manjari-Bold.woff2') format('woff2'),
        url('../fonts/Manjari-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lobster 1.3';
    src: url('../fonts/Lobster13.woff2') format('woff2'),
        url('../fonts/Lobster13.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{background:#fdf7f0;}
a:hover{text-decoration:none;}
.coffee-l-brown{background-image:linear-gradient(135deg, #a06b2e, #d8a161, #a06b2e); color:#fff}
.bg1{background-image:url(../img/bg.jpg); background-repeat:no-repeat; background-size:cover; background-color:#000; background-position:top left; color:#fff}
.bg2{background-image:url(../img/bg2.jpg); background-repeat:no-repeat; background-size:cover; background-color:#000; background-position:center center; color:#fff}
h1, h2, h3, h4, h5{line-height:1; font-family: 'Manjari'; font-weight:bold}
h5{font-size:22px;}
button:focus{outline:none;}
#header{background-image: linear-gradient(135deg, #1d0f01, #571c08, #1d0f01); color:#fff; padding:12px 0 1px 0; z-index:1000; width:100%; top:0;}
#header nav { padding:0;} #header nav a{color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase}
#header p{padding-right:35px;}
#header h1{font-size:80px; line-height:80px; font-weight:normal; letter-spacing:-2px; color:#dd9200; margin-top:30%;}
#header h1 span{font-size:120px;letter-spacing:0px;}
#header a:hover{color:#F90;}
.header a{color:#fff;}
.header a:hover{color:#4f1104;}

.dropdown-menu{background:#481200}

.btn-lg{border-radius:0;}

.banner-img img{border-top-left-radius:20px;}
section{padding:90px 0;}
.coffee-d-brown{background-image: linear-gradient(90deg, #481200, #1d0f01); color:#fff;}
h2{font-size:60px;}
.video-frame{width:100%; height:304px}
.service{padding:0; margin:0;}
.service li{list-style:none; background:url(../img/bullet.gif) no-repeat 10px 14px; padding:8px 12px 8px 35px; margin-bottom:5px; border-radius:5px; background-color:#a16c2f; color:#fff; font-size:17px}

.service2{padding:0; margin:0;}
.service2 li{list-style:none; background:url(../img/bullet.gif) no-repeat 10px 14px; padding:8px 12px 8px 35px; margin-bottom:5px; border-radius:5px; background-color:#28a745; color:#fff;}

.social{font-size:40px;}
.navbar-dark .navbar-toggler{border:none; color:#ffc107; font-size:28px;}
.shadow{box-shadow:2px 2px 16px rgba(0,0,0,0.1) !important; border-color:#eee; font-size:18px}
.was{padding-left:12px; padding-right:12px;}
.sm-hide{display:none;}
#gallery img:hover{opacity:0.8}

.dropdown-item:active{background:none;}

@media (min-width:320px) and (max-width:768px){
	#header h1{margin-top:18%;}
	#header nav ul{margin-top:20px;} #header nav li{border-top:1px solid rgba(255,255,255,0.1); line-height:1.2; padding-top:8px} 
	#header nav li a{font-size:18px; color:#dd9200; font-family: 'Manjari';}
	#header .container, #header p{padding:0;}
	#header .btn-lg{font-size:18px; border-radius:0;}
	#banner{overflow:hidden;}
	.banner-img{position:absolute; left:0; top:0; padding:0; overflow:hidden; background-image: linear-gradient(135deg, #481200, #1d0f01);}
	.banner-img img{height:100vh; max-width:none; opacity:0.2}
	.banner-txt{position:absolute; left:0; top:60px; z-index:10; padding:0 30px;}
	#header nav{position:fixed !important; z-index:20; padding:10px 15px 10px 30px !important; background: #321000; width:100%; left:0; top:0;}
	.sm-hide{display:none;}
	h2{font-size:50px; line-height:45px}
	.video-frame{width:100%; height:88%}
	.sm-hide{display:inline-block;}
	.dropdown-menu{background:none}
	.inner{overflow:hidden;}
	.inner img{max-width:250% !important; margin-left:-85px;}
	.inner-was img{ margin-left:-70% !important;}
	.navbar-brand h4{font-size:1rem}
	.sm-pad{padding:0 30px}
}
@media (min-width:320px) and (max-width:640px){
	#banner .img-fluid{height:40vh; max-width:550px !important; margin-left:-25%;}
	.gal-span{width:100%; overflow:hidden; overflow-x:scroll; padding-right:0;}
	.gal-span .col-lg-4 {width:300px !important; float:left; padding-right:0}
	.gal-span .col-lg-3 {width:25% !important; float:left; padding-right:0}
	.gal-inner{min-width:900px !important;}
	.gal-inner img{border-radius:8px;}
	.shadow{font-size:14px}
}

@media (min-width:768px) and (max-width:1023px){
	.gal-span{width:100%; overflow:hidden; overflow-x:scroll; padding-right:0;}
	.gal-span .col-lg-4 {width:300px !important; float:left; padding-right:0}
	.gal-span .col-lg-3 {width:25% !important; float:left; padding-right:0}
	.gal-inner{min-width:900px !important;}
	.gal-inner img{border-radius:8px;}
}