@import url(../node_modules/bootstrap-icons/font/bootstrap-icons.css);:root{--color-white: #fff;--color-black: #000;--color-accent: #fcc432;--color-light-grey: #f7f7f7;--shadow: box-shadow: 0 $medium $large rgba(0, 0, 0, 1);--gap-hl-m: $medium;--gap-hl-s: $small;--gap-vl-m: $medium;--gap-vl-s: $small}::-moz-selection{background-color:var(--color-accent)}::selection{background-color:var(--color-accent)}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (min-width: 100em){html{font-size:68.75%}}@media only screen and (max-width: 62em){html{font-size:56.25%}}@media only screen and (max-width: 30em){html{font-size:50%}}body{box-sizing:border-box}.container{padding:0 4rem}@media only screen and (max-width: 62em){.container{padding:0 2rem}}@media only screen and (max-width: 30em){.container{padding:0}}body{font-family:"Crimson Text", serif;font-weight:400;font-size:1.6rem;color:var(--color-black)}.header-secondary{text-align:center;padding-top:2rem;text-transform:uppercase}@media only screen and (max-width: 62em){.header-secondary{font-size:150%}}@media only screen and (max-width: 48em){.header-secondary{font-size:140%}}@media only screen and (max-width: 30em){.header-secondary{font-size:120%}}@media only screen and (max-width: 20em){.header-secondary{font-size:100%}}.header-secondary::after{content:"";display:block;background-color:var(--color-black);height:0.5rem;width:4rem;margin:0 auto;margin-bottom:4rem}.paragraph-box{text-align:center;width:70%;max-width:114rem;margin:0 auto;margin-bottom:4rem;font-size:110%;align-self:center}@media only screen and (max-width: 62em){.paragraph-box{width:80%;font-size:100%}}@media only screen and (max-width: 48em){.paragraph-box{width:85%;font-size:95%}}@media only screen and (max-width: 30em){.paragraph-box{font-size:90%}}@media only screen and (max-width: 20em){.paragraph-box{width:90%;font-size:85%}}.contact__email,.contact__tel{text-decoration:none;color:var(--color-black);background-color:var(--color-accent)}.link{color:var(--color-black)}@-webkit-keyframes moveIn{from{opacity:0}to{opacity:1}}@keyframes moveIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes moveInRight{from{opacity:0;transform:translateX(4rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{from{opacity:0;transform:translateX(4rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes moveInLeft{from{opacity:0;transform:translateX(-4rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInLeft{from{opacity:0;transform:translateX(-4rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes blur{from{filter:none}to{filter:blur(0.5rem) contrast(0.6) opacity(0.8)}}@keyframes blur{from{filter:none}to{filter:blur(0.5rem) contrast(0.6) opacity(0.8)}}.btn-box{display:flex;justify-content:center}.btn-box:not(:first-child){margin-top:1rem}.btn{min-width:16rem;text-decoration:none;cursor:pointer;padding:1rem 2rem;background-color:var(--color-accent);color:var(--color-black);border:2px solid var(--color-black);border-radius:4rem;transition:all 0.2s ease;display:flex;justify-items:start}.btn:hover{box-shadow:0 1rem 2rem lightgray;transform:translateY(-0.4rem)}.btn:active,.btn:focus{transform:translateY(-0.2rem)}.btn-icon{margin-left:-0.5rem;margin-right:1rem}.collage-box{display:grid;grid-template-rows:repeat(3, 20rem);grid-template-columns:repeat(4, minmax(10rem, 20rem));grid-gap:1%;justify-content:center}@media only screen and (max-width: 48em){.collage-box{display:none;visibility:hidden}}.collage{border-radius:0.5rem;overflow:hidden}.collage:hover .collage__photo{transform:scale(1)}.collage__photo{width:100%;height:100%;border-radius:0.5rem;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.2);transition:transform 0.4s}@media only screen and (max-width: 48em){.collage__photo{display:inline-block;width:50%}.collage__photo-1,.collage__photo-2,.collage__photo-3{width:25%}}.collage__photo-1{background-image:url(/img/collage/tap2.png)}.collage__photo-2{content:""}@media only screen and (max-width: 48em){.collage__photo-2{background-image:url(/img/collage/tap.png)}}.collage__photo-3{background-image:url(/img/collage/tap3.png)}.collage__photo-4{background-image:url(/img/collage/glasses.png)}.collage__photo-5{background-position:top;background-image:url(/img/collage/tap-night.jpeg)}.collage__photo-6{content:""}@media only screen and (max-width: 48em){.collage__photo-6{background-image:url(/img/collage/outdoor1.jpeg)}}.collage__photo-7{background-image:url(/img/collage/outdoor2.jpg)}.collage__photo-8{background-image:url(/img/collage/outdoor3.jpg)}.collage__photo-9{background-image:url(/img/collage/outdoor4.jpg)}.collage-1{grid-row:1/3;grid-column:1/2}.collage-2{grid-row:3/4;grid-column:1/2}.collage-3{grid-row:2/4;grid-column:2/3}.collage-4{grid-row:2/3;grid-column:3/5}.collage-5{grid-row:3/4;grid-column:3/5}.collage-7{grid-row:1/2;grid-column:2/4}.photo{padding:1rem;width:50%;max-width:30rem;height:40%;border-radius:0.5rem;background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;box-shadow:0 2rem 4rem rgba(0,0,0,0.4);outline-offset:2rem;transition:transform 0.2s}@media only screen and (max-width: 48em){.photo{position:relative}}.photo:hover{z-index:11;transform:scale(1.1);outline:1rem solid var(--color-accent)}@media only screen and (min-width: 100em){.photo{height:50%}}@media only screen and (max-width: 62em){.photo{height:35%}}@media only screen and (max-width: 48em){.photo{height:100%}}.photo-box{width:60%;position:relative}@media only screen and (max-width: 48em){.photo-box{width:100%;height:20rem;display:flex;justify-content:center}}@media only screen and (max-width: 30em){.photo-box{height:17.5rem}}.photo-1{background-image:url(/img/photo/photo1.jpeg);top:35%;left:10%;z-index:10}@media only screen and (max-width: 48em){.photo-1{top:15%}}.photo-2{background-image:url(/img/photo/photo2.jpeg);top:17.5%;right:10%}@media only screen and (max-width: 48em){.photo-2{top:-15%}}.photo__scroll-box{height:30rem;display:none;visibility:hidden}@media only screen and (max-width: 48em){.photo__scroll-box{display:block;visibility:visible}}@media only screen and (max-width: 30em){.photo__scroll-box{height:20rem}}@media only screen and (max-width: 48em){.navigation{margin:2rem}}@media only screen and (max-width: 30em){.navigation{margin:0}}@media only screen and (min-width: 48em){.navigation--sticky{background-color:rgba(255,255,255,0.98);box-shadow:0 2rem 2rem rgba(100,74,74,0.1);width:100%;position:fixed;top:0;left:0;right:0;z-index:100}}.navigation-box{display:flex;justify-content:space-between;align-items:center}.navigation__logo-box{width:8rem}@media only screen and (max-width: 30em){.navigation__logo-box{width:70px;position:absolute;top:2rem;left:2rem;z-index:1}}.navigation__logo{width:100%}.navigation__nav{width:35rem}.navigation__list{display:flex;justify-content:space-between}.navigation__item{list-style:none}.navigation__link{font-size:125%}.navigation__link:link,.navigation__link:visited{text-decoration:none;color:var(--color-black)}.navigation__link:hover,.navigation__link:active{color:var(--color-accent);border-bottom:2px solid var(--color-black)}.navigation__black-line::after{content:"";display:block;background-color:var(--color-black);height:0.3rem;width:100%}@media only screen and (max-width: 30em){.navigation__black-line{display:none;visibility:hidden}}.navigation__checkbox,.navigation__botton,.navigation__background{display:none}@media only screen and (max-width: 48em){.navigation__button{display:inline-block;background-color:var(--color-accent);height:calc(6rem);width:calc(6rem);position:fixed;right:4rem;z-index:2000;cursor:pointer;box-shadow:0 0.5rem 1rem lightgray;transition:box-shadow 0.8s ease-in;text-align:center;border-radius:50%}}@media only screen and (max-width: 48em) and (max-width: 30em){.navigation__button{top:2rem}}@media only screen and (max-width: 48em){.navigation__button__icon{position:relative;margin-top:calc(3rem)}.navigation__button__icon,.navigation__button__icon::before,.navigation__button__icon::after{width:calc(3rem);height:2px;background-color:var(--color-black);display:inline-block}.navigation__button__icon::before,.navigation__button__icon::after{content:"";position:absolute;left:0;transition:all 0.2s ease}.navigation__button__icon::before{top:1rem}.navigation__button__icon::after{top:-1rem}.navigation__checkbox:checked ~ .navigation__button{background-color:var(--color-white);box-shadow:0 0.5rem 1rem gray}.navigation__checkbox:checked ~ .navigation__button .navigation__button__icon::before{top:0;transform:rotate(135deg)}.navigation__checkbox:checked ~ .navigation__button .navigation__button__icon{background-color:transparent}.navigation__checkbox:checked ~ .navigation__button .navigation__button__icon::after{top:0;transform:rotate(-135deg)}.navigation__background{display:block;background-color:var(--color-accent);height:calc(6rem);width:calc(6rem);border-radius:50%;right:4rem;position:fixed;z-index:1000;transition:transform 0.6s ease-in-out}}@media only screen and (max-width: 48em) and (max-width: 30em){.navigation__background{top:2rem}}@media only screen and (max-width: 48em){.navigation__checkbox:checked ~ .navigation__background{transform:scale(100)}.navigation__nav{opacity:0;height:100%;width:100%;position:fixed;top:0;left:-100rem;z-index:1500;transition:all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.navigation__checkbox:checked ~ .navigation-box .navigation__nav{opacity:1;left:0}.navigation__list{width:50%;list-style:none;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.navigation__item:not(:last-child){margin-bottom:2rem}.navigation__link{font-size:150%;min-width:16rem;border-radius:4rem;padding:1rem}.navigation__link:link,.navigation__link:visited{color:var(--color-black);text-decoration:none;text-transform:uppercase;background-color:var(--color-white);display:flex;justify-content:center}.navigation__link:hover,.navigation__link:active{color:var(--color-black);border-bottom:none}}.header{margin-top:2rem;height:80vh;position:relative}@media only screen and (max-width: 30em){.header{height:100vh;margin-top:0}}.header__background{height:100%;background-image:url(/img/bg/background.jpeg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;-webkit-animation:blur 1s ease-out 1s backwards;animation:blur 1s ease-out 1s backwards;filter:blur(0.5rem) contrast(0.6) opacity(0.8)}.header__logo{width:100%;-webkit-animation:moveIn 2s ease-in 2s backwards;animation:moveIn 2s ease-in 2s backwards}.header__logo-box{width:60rem;position:absolute;top:25%;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 62em){.header__logo-box{width:55rem}}@media only screen and (max-width: 48em){.header__logo-box{top:30%;width:47.5rem}}@media only screen and (max-width: 30em){.header__logo-box{top:35%;width:37.5rem}}@media only screen and (max-width: 20em){.header__logo-box{top:40%;width:25rem}}.header__logo__beer{width:100%}.header__logo__beer-box,.header__logo__beer-box-2{width:calc(5rem);position:absolute;top:20%;left:89.5%;transform:translateX(-50%)}@media only screen and (max-width: 62em){.header__logo__beer-box,.header__logo__beer-box-2{width:4rem}}@media only screen and (max-width: 30em){.header__logo__beer-box,.header__logo__beer-box-2{width:3.2rem}}@media only screen and (max-width: 20em){.header__logo__beer-box,.header__logo__beer-box-2{width:2rem}}.header__logo__beer-box-2{left:97%}@media only screen and (max-width: 48em){.header__logo__title{font-size:125%}}@media only screen and (max-width: 30em){.header__logo__title{font-size:100%}}@media only screen and (max-width: 20em){.header__logo__title{font-size:90%}}.header__logo__title-box{text-align:center;-webkit-animation:moveIn 1s ease-in 5s backwards;animation:moveIn 1s ease-in 5s backwards;background-color:var(--color-accent)}.beer-animation-leftIn{-webkit-animation:moveInLeft 1s ease-in 4s backwards;animation:moveInLeft 1s ease-in 4s backwards}.beer-animation-rightIn{-webkit-animation:moveInRight 1s ease-in 4s backwards;animation:moveInRight 1s ease-in 4s backwards}.footer{background-image:linear-gradient(to right bottom, #fd0, #fbb034)}.footer::before{content:"";display:block;background-color:var(--color-black);height:0.3rem;width:100%}.footer-box{text-align:center;padding:2rem 0}section{padding:8rem 2rem}@media only screen and (max-width: 20em){section{padding:8rem 1rem}}section-who,section-what,section-contact{background-color:var(--color-light-grey)}.who-box{min-height:50rem;max-width:144rem;display:flex;margin:0 auto}@media only screen and (max-width: 48em){.who-box{margin:0;flex-direction:column-reverse;justify-content:space-evenly}}.horizontal-scroll{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}