.u-text-center{text-align:center}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-border-grey{border:1px solid #dedede !important}:root{--color-white: #ffffff;--color-grey: #808080;--color-primary: #c49b63;--color-secondary: #151111;--color-tertiary: #473e32;--image-home: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.5)), url(../img/coffee-interior.jpg), url(img/coffee-interior.jpg);--image-special: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.5)), url(../img/coffee-top.jpg), url(img/coffee-top.jpg);--image-about: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.5)), url(../img/coffee-notes.jpg), url(img/coffee-notes.jpg);--image-gallery: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.5)), url(../img/coffee-juggs.jpg), url(img/coffee-juggs.jpg);--image-contact: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.5)), url(../img/woman-window.jpg), url(img/woman-window.jpg);--popup-background: rgba(0,0,0,0.5)}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;overflow-y:scroll;background-color:var(--color-secondary)}@media only screen and (max-width: 81.25em){html{font-size:56.25%}}body{box-sizing:border-box}section{width:100%;height:auto;display:flex;align-items:center;justify-content:center}img{width:100%;height:auto}html,body{width:100%}body{display:flex;flex-direction:column}header{position:fixed;height:auto}@media only screen and (max-width: 81.25em){header{position:relative}}main{position:relative;flex:1 0 auto;overflow:hidden}@media only screen and (max-width: 81.25em){main{margin-top:125px}}footer{display:flex;align-items:center;justify-content:center;height:auto;flex-shrink:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a:link,a:visited{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body{font-family:'Muli', sans-serif;font-size:1.6rem;font-weight:400;line-height:2}.heading{font-family:"Merriweather", serif;font-size:5rem;letter-spacing:1px;color:var(--color-primary)}@media only screen and (max-width: 37.5em){.heading{font-size:4rem}}.subheading{font-size:2.3rem;letter-spacing:1px;color:var(--color-white)}@media only screen and (max-width: 37.5em){.subheading{font-size:1.3rem}}.paragraph{color:var(--color-grey)}.paragraph:not(:last-child){margin-bottom:4rem}.btn-social{width:35px;height:35px;border-radius:50%;background:none;outline:none;border:1px solid var(--color-white)}@media only screen and (max-width: 81.25em){.btn-social{width:30px;height:30px}}.btn-social:not(:last-child){margin-right:1rem}.btn-social svg{width:14px;height:14px;fill:var(--color-white)}@media only screen and (max-width: 81.25em){.btn-social svg{width:11px;height:11px}}.btn-social:hover{background-color:var(--color-primary);cursor:pointer}.btn-intro{width:115px;display:inline-block;padding:2rem 3rem;text-align:center}@media only screen and (max-width: 37.5em){.btn-intro{width:100px;padding:1rem 0}}.btn-intro:nth-child(1){background-color:var(--color-primary);border:1px solid var(--color-primary)}.btn-intro:nth-child(1):hover{background-color:transparent;border:1px solid var(--color-white)}.btn-intro:link,.btn-intro:visited{font-family:inherit;font-size:1.1rem;color:var(--color-white);text-decoration:none;text-transform:uppercase}.btn-intro:not(:last-child){margin-right:1rem}.btn-intro:nth-last-of-type(1){border:1px solid var(--color-white);background:none}.btn-intro:nth-last-of-type(1):hover{background:var(--color-primary);border:1px solid var(--color-primary)}.btn-delivery{width:45px;height:45px;border-radius:50%;background:none;outline:none;border:1px solid var(--color-tertiary);display:flex;flex-direction:column;justify-content:center;align-items:center}.btn-delivery:not(:last-child){margin-right:1rem}.btn-delivery>img{width:20px;height:20px}.btn-delivery:hover{background-color:rgba(71,62,50,0.3);cursor:pointer}.btn-subscribe{width:auto;display:inline-block;margin-top:2rem;padding:1.5rem 3rem;text-align:center}.btn-subscribe:link,.btn-subscribe:visited{font-family:inherit;font-size:1.1rem;color:var(--color-white);text-decoration:none;text-transform:uppercase;background:var(--color-primary)}.btn-subscribe:hover{background-color:var(--color-tertiary);cursor:pointer}.btn-subscribe:not(:last-child){margin-right:1rem}.btn-submit{width:auto;display:inline-block;padding:1.5rem 3rem;text-align:center}.btn-submit:link,.btn-submit:visited{font-family:inherit;font-size:1.1rem;color:var(--color-white);text-decoration:none;text-transform:uppercase;background:var(--color-primary)}.btn-submit:hover{color:var(--color-white);background-color:var(--color-tertiary);cursor:pointer}.btn-submit:not(:last-child){margin-right:1rem}.btn-specials{width:auto;display:inline-block;margin-top:2rem;padding:1.5rem 3rem;text-align:center}.btn-specials:link,.btn-specials:visited{font-family:inherit;font-size:1.1rem;font-weight:700;color:var(--color-tertiary);text-decoration:none;text-transform:uppercase;background:var(--color-primary);border:1px solid var(--color-primary)}.btn-specials:hover{color:var(--color-white);border:1px solid var(--color-white);background-color:var(--color-tertiary);cursor:pointer}.btn-specials:not(:last-child){margin-right:1rem}#counter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(100% / 3);height:auto}.icon{width:8rem;height:8rem;border:1px solid var(--color-tertiary);transform:rotate(45deg);display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 37.5em){.icon{width:6rem;height:6rem}}.icon svg{width:4rem;height:4rem;fill:var(--color-tertiary);transform:rotate(-45deg)}@media only screen and (max-width: 37.5em){.icon svg{width:3rem;height:3rem}}.count{display:block;color:var(--color-tertiary);font-size:3rem;font-weight:700;letter-spacing:1px;line-height:1;margin:3rem 0 1rem 0}@media only screen and (max-width: 37.5em){.count{font-size:2.5rem;letter-spacing:0}}.text{font-family:'Muli', sans-serif;font-size:1.3rem;font-weight:600;line-height:1;text-transform:uppercase;color:var(--color-tertiary)}@media only screen and (max-width: 37.5em){.text{font-size:1rem}}.menu{display:flex;justify-content:flex-end;list-style-type:none}.menu__item{flex:0 0 120px}.menu__link{height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-white)}.menu__link:link,.menu__link:visited{font-size:1.2rem;font-weight:400;letter-spacing:1.5px;text-decoration:none;text-transform:uppercase}.menu__link:hover{color:var(--color-primary)}.active{box-shadow:0px -5px 0px inset var(--color-primary);color:var(--color-primary)}@media only screen and (max-width: 81.25em){.active{box-shadow:none}}.show-menu{cursor:pointer;display:none;line-height:60px;color:var(--color-white);text-decoration:none;text-transform:uppercase;padding-left:0}input[type=checkbox]{display:none}input[type=checkbox]:checked ~ .menu{display:block}@media only screen and (max-width: 81.25em){.menu{display:none;width:100%}.menu__item{margin-bottom:0px}.menu__item,.menu__link{width:100%;height:50px}.show-menu{line-height:50px;display:block;border-top:1px solid rgba(255,255,255,0.2);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}}.signup{position:absolute;right:0%;bottom:0;text-align:center;width:360px;height:auto;background-color:var(--color-white);transform:translateY(650px)}@media only screen and (max-width: 81.25em){.signup{transform:translateY(585px)}}@media only screen and (max-width: 62.5em){.signup{transform:translateY(610px);width:100%}}@media only screen and (max-width: 37.5em){.signup{position:relative;transform:translateY(0px)}}.signup__header{width:100%;height:auto;padding:5rem 5rem 4rem 5rem;background-color:var(--color-primary)}.signup__header:hover{cursor:pointer}.signup__header-heading{color:var(--color-white);font-family:"Merriweather", serif;font-size:3.6rem;line-height:1;padding-bottom:0.5rem;letter-spacing:1px}.signup__header-subheading{color:var(--color-white);font-size:1.5rem;line-height:1.5;padding-bottom:1rem}.signup__header-paragraph{color:var(--color-white);font-size:1.1rem}.signup__footer{display:flex;flex-direction:column;text-align:left;padding:2rem 5rem 4rem 5rem}.signup__footer .subheading{text-transform:uppercase;font-size:1.6rem;color:var(--color-primary);line-height:1;letter-spacing:0.5px;margin:2rem 0}@media only screen and (max-width: 62.5em){.signup__footer .subheading{margin:3rem 0}}.transform{transition:transform 0.5s ease-in-out}.transform-active{transform:translateY(0px)}.radio{display:flex;align-items:center;flex-wrap:wrap}label{display:flex;flex-direction:column;justify-content:center;flex:0 0 50%;font-size:1.3rem;color:var(--color-grey);position:relative;padding-left:3.5rem}@media only screen and (max-width: 62.5em){label{flex:0 0 33%}}.container{margin-bottom:1rem}.container input{position:absolute;opacity:0;height:0;width:0;cursor:pointer}.checkmark{position:absolute;left:0;height:25px;width:25px;background-color:#dedede;border-radius:50%}.container:hover input ~ .checkmark{background-color:#dedede}.container input:checked ~ .checkmark{background-color:var(--color-primary)}.checkmark:after{content:"";position:absolute;display:none}.container input:checked ~ .checkmark:after{display:block}.container .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background-color:var(--color-white)}.form{width:100%}.form__group{width:100%;height:100%;position:relative}.form__group:not(:last-child){margin-bottom:1.5rem}input[type=text]:focus{outline:none;outline:0}input[type=textarea]:focus{outline:none;outline:0}input[type=select]:focus{outline:none;outline:0}input[type=email]:focus{outline:none;outline:0}.input,.textarea{font-family:inherit;font-size:1.3rem;color:var(--color-grey);position:relative;width:100%;padding:2rem;border:1px solid var(--color-grey);background-color:transparent;outline:0;outline:none}.input:focus,.textarea:focus{color:var(--color-grey)}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:var(--color-grey)}.g-recaptcha{display:block;height:100%;width:100%;margin-top:-1rem;margin-bottom:1.5rem}.gallery{display:flex;flex:1;flex-wrap:wrap}.gallery__item{position:relative;overflow:hidden;flex:0 0 50%;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;outline:0.75rem solid var(--color-secondary);outline-offset:-0.75rem}@media only screen and (max-width: 37.5em){.gallery__item{flex:0 1 100%;height:auto}}.gallery__image{width:auto;height:100%}@media only screen and (max-width: 37.5em){.gallery__image{width:100%;height:auto}}.gallery__heading{width:auto;text-align:center;padding:0 1rem;position:absolute;font-size:2.1rem;font-weight:600;color:var(--color-white);text-transform:uppercase}.gallery__border{position:absolute;width:97%;height:97%;display:block;background-color:rgba(0,0,0,0.5);outline-offset:-0.75rem;transition:all 0.2s ease-in}.gallery__border:hover{cursor:pointer;background-color:rgba(0,0,0,0);transition:all 0.2s ease-in}.gallery__border:hover+.gallery__heading{display:none}.gallery-ad{width:400px;height:800px;background-color:var(--color-tertiary);outline:0.75rem solid var(--color-secondary);outline-offset:-0.75rem}@media only screen and (max-width: 62.5em){.gallery-ad{width:100%;height:400px}}@media only screen and (max-width: 62.5em){.gallery-ad{display:none}}.popup{opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--popup-background);transition:all .3s}.popup:target{opacity:1;visibility:visible}.popup__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40rem;height:auto;padding:5rem 4rem;position:relative;border-radius:10px;background-color:var(--color-white);box-shadow:0 0.5rem 2rem var(--popup-background);transform:scale(0);opacity:0;transition:all .3s}.popup:target>.popup__content{transform:scale(1);opacity:1}.popup__icon{display:block;font-size:0;margin-bottom:2rem}.popup__icon>svg{margin:0;padding:0;width:12rem;height:12rem;fill:var(--color-primary)}.popup__heading{font-size:2.2rem;margin-bottom:1.5rem;color:var(--color-primary)}.popup__paragraph{line-height:1.5;text-align:center;color:var(--color-grey)}.popup__paragraph:not(:last-child){margin-bottom:1rem}.popup__close{display:flex;align-items:center;justify-content:center}.popup__close:link,.popup__close:visited{width:6rem;height:6rem;background:var(--color-primary);border-radius:50%;margin-top:1.5rem;font-size:3rem;line-height:1;text-decoration:none;color:var(--color-white)}.popup__close:hover{background-color:var(--color-tertiary)}.close{line-height:0;margin-bottom:0.2rem;padding:0}.footer{position:relative;background-color:var(--color-primary)}.footer-nav{order:1;flex:0 0 calc(100% / 3)}@media only screen and (max-width: 37.5em){.footer-nav{flex:0 0 100%;order:3}}.footer-nav__list{list-style-type:none}@media only screen and (max-width: 37.5em){.footer-nav__list{width:100%;display:inline-flex;justify-content:space-between}}.footer-nav__link:link,.footer-nav__link:visited{color:var(--color-tertiary);text-decoration:none;font-weight:600}.footer-nav__link:hover{color:var(--color-secondary)}.footer-nav__link::after{opacity:0;content:"\25AA";margin-left:0.75rem}.footer-nav__link:hover::after{opacity:1;color:var(--color-tertiary);transition:all .5s}.footer-delivery{order:2;display:flex;flex:0 0 calc(100% / 3);justify-content:center}@media only screen and (max-width: 37.5em){.footer-delivery{flex:0 0 100%;order:1;height:auto;padding-bottom:4rem}}.footer-address{order:3;flex:0 0 calc(100% / 3);text-align:right}@media only screen and (max-width: 37.5em){.footer-address{flex:0 0 100%;order:2;text-align:center;margin-bottom:2rem}}.footer-address>span{font-weight:600;color:var(--color-tertiary)}.footer-address>span a:link,.footer-address>span a:visited{color:var(--color-tertiary);text-decoration:none}.footer-address>span a::before{opacity:0;content:"\25AA";margin-right:0.75rem}.footer-address>span a:hover{color:var(--color-secondary)}.footer-address>span>a:hover::before{opacity:1;color:var(--color-tertiary);transition:all .5s}.legal{font-size:1.3rem;font-style:italic}.footer-triangle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 100px 75px 100px;border-color:transparent transparent var(--color-secondary) transparent}@media only screen and (max-width: 37.5em){.footer-triangle{display:none}}.header{z-index:999;width:100%;height:auto;display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(21,17,17,0.2)}@media only screen and (max-width: 81.25em){.header{position:absolute;background-color:#151111}}.header__logo{order:1;flex:0 0 360px}@media only screen and (max-width: 81.25em){.header__logo{order:1;flex:0 0 50%;padding:2rem 0}}.header__nav{order:2;flex:1}@media only screen and (max-width: 81.25em){.header__nav{width:100%;flex:0 0 100%;order:3;text-align:center}}.header__social{text-align:center;align-self:center;order:3;flex:0 0 360px}@media only screen and (max-width: 81.25em){.header__social{order:2;flex:0 0 50%;padding:2rem 0}}.header-active{background-color:rgba(21,17,17,0.9)}.logo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-link{line-height:1}.logo-img{width:auto;height:45px}@media only screen and (max-width: 81.25em){.logo-img{height:35px}}.section-intro{width:100%;height:60vh;border-bottom:1px solid var(--color-primary);text-align:center;background-position:center center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-intro.special{background-image:var(--image-special)}.section-intro.about{background-image:var(--image-about)}.section-intro.gallery{background-image:var(--image-gallery)}.section-intro.contact{background-image:var(--image-contact)}@media only screen and (max-width: 37.5em){.section-intro{padding:5rem}}.section-intro .subheading{margin-top:80px;line-height:1}@media only screen and (max-width: 81.25em){.section-intro .subheading{margin-top:0}}.section-intro .heading{line-height:1;margin-top:2rem;margin-bottom:5rem}.section-intro .links{width:100%;text-align:center}.section-about{background-color:var(--color-secondary)}.content{display:flex;width:1200px;padding:10rem 0}@media only screen and (max-width: 81.25em){.content{padding:10rem 5rem}}@media only screen and (max-width: 62.5em){.content{flex-wrap:wrap}}.content-50{flex:0 0 calc(50% - 4rem)}@media only screen and (max-width: 62.5em){.content-50{flex:0 0 calc(100%)}.content-50:nth-child(even){margin-top:5rem}}.content-50:not(:last-child){margin-right:8rem}@media only screen and (max-width: 62.5em){.content-50:not(:last-child){margin-right:0}}.content-100{display:flex;flex:1}@media only screen and (max-width: 37.5em){.content-100{flex-wrap:wrap}}.content-100v{display:flex;flex-direction:column}@media only screen and (max-width: 37.5em){.content-100v .heading{line-height:1.2;padding-bottom:5rem}}.content-image{width:100%;height:34.5rem;line-height:0;overflow:hidden}@media only screen and (max-width: 62.5em){.content-image{width:auto;height:100%}}.content-map{width:100%;height:50rem;overflow:hidden;border:1px solid var(--color-grey)}@media only screen and (max-width: 37.5em){.content-map{height:30rem}}@media only screen and (max-width: 62.5em){.top{padding-bottom:5rem}}.middle{padding-top:0;padding-bottom:0}@media only screen and (max-width: 62.5em){.bottom{padding-top:5rem}}.section-counter{height:auto;background-color:var(--color-primary)}.section-home{position:relative;width:100%;height:100vh;overflow:hidden;text-align:center;background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-home.home{background-image:var(--image-home)}@media only screen and (max-width: 81.25em){.section-home{height:calc(100vh - 125px)}}@media only screen and (max-width: 37.5em){.section-home{padding:5rem;height:55vh}}.section-home .subheading{line-height:1}@media only screen and (max-width: 81.25em){.section-home .subheading{margin-top:0}}.section-home .heading{line-height:1;margin-top:2rem;margin-bottom:5rem}@media only screen and (max-width: 37.5em){.section-home .heading{line-height:1.2}}.section-home .links{width:100%;text-align:center}.home-logo{width:50%;text-align:center;margin-bottom:4rem}@media only screen and (max-width: 62.5em){.home-logo{margin-top:-25%}}.home-logo>img{width:20rem;height:auto}@media only screen and (max-width: 37.5em){.home-logo>img{display:none}}.section-gallery{background-color:var(--color-secondary)}.section-contact{background-color:var(--color-secondary)}.section-specials{background-color:var(--color-secondary)}.specials{display:flex;flex-direction:row}.specials:not(:last-child){margin-bottom:2rem}.specials__details{position:relative;display:flex;align-self:flex-start;flex-wrap:wrap;flex:1;line-height:1}.specials__details-dish{flex:0 0 80%;padding:1rem 0 0.5rem 1.5rem;font-size:2rem;color:var(--color-white);text-transform:uppercase}.specials__details-price{flex:0 0 20%;padding:1rem 0 0.5rem 0;text-align:right;font-size:2rem;color:var(--color-white)}.specials__details-description{flex:1;padding:0.5rem 0 1rem 1.5rem;font-size:1.5rem;line-height:1.5;color:var(--color-grey)}.specials__details-percent{position:absolute;top:0;left:-10rem;height:4.8rem;width:4.8rem;border-radius:50%;font-size:1.4rem;font-weight:600;color:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-tertiary)}.specials__image{border-radius:50%;width:8rem;height:8rem;overflow:hidden}.specials__image>img{width:auto;height:100%}.promobox{margin:0 auto;width:90%;height:100%;padding:4rem 6rem;text-align:center;background-color:var(--color-tertiary);outline:1px solid var(--color-primary);outline-offset:-1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width: 62.5em){.promobox{width:100%}}.promobox>h2{line-height:1.4;color:var(--color-primary);font-weight:400}