*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#fafafa;text-rendering:optimizeLegibility;font-family:Lato,sans-serif;font-weight:300;font-size:20px;color:#212121}section{padding:50px 0}.row{max-width:1140px;margin:0 auto}nav{padding-top:16px;font-family:'Merienda One',cursive;font-size:18px}nav ul{display:flex}#logo{margin-right:auto}#logo img{width:48px;height:48px;background-color:#fafafa;border:2px solid #212121;border-radius:50px;vertical-align:middle}#logo a{border-bottom:none;margin-left:8px}nav ul li{display:flex;align-items:center;margin-right:24px}nav ul li a{vertical-align:middle;color:#f5f5f5;text-decoration:none;border-bottom:2px solid transparent;transition:color,border .4s ease}nav ul li a:hover{color:#d5a021;border-bottom:2px solid #d5a021;transition:color,border .4s ease}nav li:last-child{display:none;color:#f5f5f5;font-size:24px}header{height:100vh;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../../vendors/img/bg.jpg);background-attachment:fixed;background-position:center;background-size:cover}.hero-text{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}header h1{color:#f5f5f5}.cta{margin-top:12px;padding:8px 12px;border-radius:25px;text-decoration:none;display:inline-block;font-weight:400;font-size:18px;transition:background-color .6s ease}.cta-primary{background-color:#d5a021;color:#fafafa}.cta-secondary{border:1px solid #d5a021;color:#fafafa;margin-left:8px}.cta-primary:hover{background-color:#e9ae26}.cta-secondary:hover{background-color:#e9ae26;border:1px solid #d5a021}#about h1,#products h1{margin-bottom:16px;color:#4b4237}#about h1::after,#branches h1::after,#contact h1::after,#products h1::after{content:' ';border-bottom:2px solid #d5a021;display:block;width:60%;margin:4px auto}#about h3{margin-top:8px}#about p{margin-bottom:20px;height:5rem}.feature-left{text-align:right;margin-top:24px}.feature-img img{height:auto;width:100%;border-radius:25px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.5)}.feature-right{text-align:left;margin-top:24px}.feature-icon{border-radius:50px;border:1px solid #4b4237;font-size:36px;padding:8px 12px}#about i{transition:color .6s ease}#flavors:hover i{color:#26c6da}#fast-delivery:hover i{color:#4caf50}#iced-coffee:hover i{color:#03a9f4}#tasty:hover i{color:#b71c1c}#concentrate:hover i{color:#7b1fa2}#hot-coffee:hover i{color:#f4511e;transition:color .6s ease}#showcase img{height:100%;width:100%;transition:transform .4s ease}#showcase .col-lg-4:hover .overlay{opacity:0}#showcase .col-lg-4:hover img{transform:scale(1.15)}#showcase .overlay{height:100%;width:100%;position:absolute;top:0;bottom:0;right:0;left:0;opacity:1;transition:all .4s ease;background-color:rgba(0,0,0,.25);color:#fff}#showcase .overlay p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#showcase .row{max-width:100%}#showcase .col-lg-4{padding-left:0;padding-right:0;position:relative;overflow:hidden}#products{padding:0 0 50px 0}#products img{height:100%;width:100%;border-radius:25px;box-shadow:1px 1px 4px rgba(0,0,0,.25);border:2px solid transparent;transition:border .4s ease}#products .col-lg-3{padding-bottom:36px;margin-bottom:16px;text-align:center;color:#4b4237}#products .col-lg-3:hover img{border:2px solid #d5a021;transition:border .4s ease}#branches{background-color:#736b60;color:#fff9ea}#branches .col-lg-3{padding-top:0;padding-bottom:50px}#branches img{height:100%;width:100%;border:1px solid #ede7d9}#branches i{color:#ffbe28}#branches h1{margin-bottom:16px;color:#ede7d9}#contact form{width:70%;margin:auto}#contact .row{margin:16px auto}#contact input[type=text],input[type=email],select,textarea{padding:8px;border-radius:5px;border:1px solid #7c7c7c;width:75%;padding:8px}#contact .col-lg-4,.col-lg-8{text-align:left}#contact button{font-weight:300;font-size:large;padding:8px 12px;border-radius:25px;border:1px solid #ede7d9;color:#fff9eb;background-color:#e9ae26}#news{margin-right:4px}footer{padding:15px 0 5px 0;background-color:#4b4237;color:#ede7d9}footer h3{font-family:'Merienda One',cursive;margin:12px 0}footer i{margin:8px 4px;color:#ede7d9;border:1px solid #d5a021;border-radius:50px;padding:4px 6px}footer i:hover{color:#ffbe28;transition:color .6s ease}footer p{margin:16px 0}footer a{color:#ede7d9;text-decoration:none}footer hr{width:50%;margin:16px auto 8px auto}footer .col-lg-6{text-align:left}footer .col-lg-6 a{display:block;margin:4px 0;transition:text-decoration,text-decoration-color .6s ease}footer .col-lg-6 a:hover{text-decoration:underline;text-decoration-color:#d5a021}footer .col-lg-12>.row{width:50%}