/* Ayurveda Restaurant - Optimized CSS */
body{padding:0;margin:0;font-family:'Nunito',sans-serif}
#home-about{padding:100px 200px;text-align:right;font-family:'Lobster',cursive}
#home-about h2{color:#f1c619;font-size:46px}
#home-about h4{padding-bottom:20px;font-family:'Nunito',sans-serif;font-weight:600}
#home-about button{background-color:#f1c619;border-radius:0;padding:6px 18px;border:none;cursor:pointer}
#home-about p{font-family:'Nunito',sans-serif;line-height:1.6}
.navbar-nav .active a{border-bottom:1px solid #fff}
.navbar-light .navbar-nav .nav-link{color:#fff!important}
.carousel-caption{top:40%}
.carousel-caption h3{font-size:60px;font-family:'Lobster',cursive}
.carousel-caption h3 span{color:#f1c619}
.carousel-caption button{background-color:#f1c619;border-radius:0;padding:6px 18px;border:none;cursor:pointer}
#special-product{background-color:#dfb40a;padding:80px 0;font-family:'Lobster',cursive}
#special-product h5{padding-top:15px}
#special-product button{margin:0 auto;display:block;background-color:#333;color:#fff;padding:6px 20px;border-radius:0;border:none;cursor:pointer}
#special-product .row{padding:50px 0}
.special-product-top{text-align:center}
.container-fluid{padding:0;margin:0}
.about-content{font-family:'Lobster',cursive;padding:70px 0}
.about-content h6{padding-bottom:15px;font-size:36px;border-bottom:1px solid #eee;margin-bottom:25px}
.about-content p{line-height:30px;font-family:'Nunito',sans-serif;font-size:17px}
.top-wrapper{position:relative;width:100%}
.image{display:block;width:100%;height:auto}
.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;transition:.5s ease;background-color:rgba(0,0,0,.5)}
.top-wrapper:hover .overlay{opacity:.5}
.text{color:#fff;font-size:50px;position:absolute;top:50%;left:50%;font-family:'Lobster',cursive;transform:translate(-50%,-50%);text-align:center}
#top-wrapper{text-align:center}
#top-wrapper img{position:relative}
#top-wrapper h1{position:absolute;top:35%;left:40%;text-align:center;color:#fff;font-family:'Lobster',cursive;font-size:50px}
.contact-content{padding:70px 0}
.contact-content .media{padding-bottom:15px}
.contact-content .media .fa{font-size:30px;padding-right:25px;width:50px}
.contact-content .media h6{font-family:'Lobster',cursive;border-bottom:1px solid #eee;padding-bottom:15px}
.contact-content .media p{font-family:'Lobster',cursive;font-weight:100;color:#666}
#menu .menu-content .media-heading{text-transform:uppercase}
#menu{padding:70px 0}
.menu-content h4{font-family:'Lobster',cursive;border-bottom:1px dashed #333;padding-bottom:15px}
.menu-content p{font-family:'Nunito',sans-serif;color:#666}
.menu-content h1{font-family:'Lobster',cursive;border-left:2px solid #f1c619;padding-left:15px;margin-bottom:30px;color:#f1c619}
.menu-content ul{padding:0;list-style-type:none}
.menu-content ul li:hover{background-color:#f8f8f8;cursor:pointer}
.menu-content ul li{padding:15px}
.gallery-content{padding:70px 0}
.gallery-content p{font-family:'Lobster',cursive;border-left:2px solid #333;padding-left:15px;margin-bottom:40px;font-size:20px}
*{box-sizing:border-box}
.gallery-row>.column{padding:8px}
.gallery-row>.column img{border:1px solid #ccc;padding:2px}
.gallery-row:after{content:"";display:table;clear:both}
.column{float:left;width:25%}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000}
.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:90%;max-width:1200px}
.close{color:#fff;position:absolute;top:80px;right:25px;font-size:35px;font-weight:700;z-index:999999999!important;cursor:pointer}
.close:focus,.close:hover{color:#999;text-decoration:none}
.mySlides{display:none}
.cursor{cursor:pointer}
.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}
.next{right:0;border-radius:3px 0 0 3px}
.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}
.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}
.caption-container{text-align:center;background-color:#000;padding:2px 16px;color:#fff}
.demo{opacity:.6}
.active,.demo:hover{opacity:1}
.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}
.social{list-style-type:none;padding:0}
.social li{display:inline-block}
.fa{padding:10px;font-size:30px;width:40px;text-align:center;text-decoration:none;margin:5px 2px}
.fa:hover{opacity:.7}
.fa-facebook{background:#3b5998;color:#fff}
.fa-twitter{background:#55acee;color:#fff}
.fa-google{background:#dd4b39;color:#fff}
.fa-linkedin{background:#007bb5;color:#fff}
#footer{padding:50px 0;background-color:#158809;color:#fff;font-family:'Lobster',cursive}
#footer h4{padding-bottom:20px}
#footer p{font-family:'Nunito',sans-serif;font-size:15px}
#footer ul{list-style-type:none;padding:0;font-family:'Nunito',sans-serif}
#footer ul li a{text-decoration:none;color:#ccc;font-size:14px}
#footer-end{background:#0d5e04;text-align:center}
#footer-end p{margin:0;color:#ccc;padding:5px;font-size:14px}
.navbar-brand img{width:220px!important}
@media only screen and (max-width:1200px){#home-about{padding:100px 10px}}
@media only screen and (max-width:767px){.navbar-brand img{width:180px}.text{font-size:30px}.about-content{padding:70px 15px}.image{height:180px}.navbar-light .navbar-toggler{border-color:#fff!important}.navbar-light .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-collapse{background-color:rgba(0,0,0,.5);padding:0 25px}.carousel-caption{top:36%}#home-about{text-align:center}#home-about button{margin-bottom:25px}.carousel-caption h3{font-size:30px}.carousel-caption button{padding:4px 14px;font-weight:600}}
@media only screen and (max-width:400px){.carousel-caption{top:36%}.carousel-caption h3{font-size:20px}}
