@font-face{font-family:RohnRounded;src:url(/build/fonts/RohnRounded-Regular.5d50509f.ttf)}body{font-family:RohnRounded,sans-serif;margin:0;padding:0;position:relative}body .gif-container .gif{background:url(/build/images/houblon.655a8805.gif) 50% no-repeat;background-size:cover;flex-direction:column;height:100vh}body .gif-container .gif,body .gif-container .gif .logo{align-items:center;display:flex;justify-content:center;width:100%}body .gif-container .gif .logo img{height:150px;margin:0 20px}body .gif-container .gif h1,body .gif-container .gif h2{color:#fff;text-align:center;text-transform:uppercase}body .beer-block:nth-child(2n),body .content-block:nth-child(2n){flex-direction:row-reverse}body .beer-block:nth-child(2n) .content,body .content-block:nth-child(2n) .content{background-color:#f7edca}body .beer-block:nth-child(2n) .content .hr,body .content-block:nth-child(2n) .content .hr{background-color:#fff}body .beer-block,body .content-block{display:flex;height:550px}body .beer-block .images,body .content-block .images{display:flex;flex-wrap:wrap;height:100%;width:50%}body .beer-block .images div,body .content-block .images div{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}body .beer-block .images.two div,body .content-block .images.two div{height:100%;width:50%}body .beer-block .images.three div,body .content-block .images.three div{height:50%;width:50%}body .beer-block .images.three div:last-of-type,body .content-block .images.three div:last-of-type{width:100%}body .beer-block .content,body .content-block .content{align-items:center;background-color:#d1eec8;box-sizing:border-box;color:#708090;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;text-align:center;width:50%}body .beer-block .content h2,body .content-block .content h2{text-transform:uppercase}body .beer-block .content h3,body .content-block .content h3{margin:0}body .beer-block .content .hr,body .content-block .content .hr{background-color:#2a2a2a;height:1px;margin:40px 0;width:30%}body .beer-block .content p,body .content-block .content p{margin:0}body .title-row{display:flex;font-size:1.5rem;justify-content:center;padding:30px 0;position:relative;text-transform:uppercase}body .title-row h2{padding:0 20px;text-align:center}body .title-row div.line{background:#d1eec8;bottom:-2px;height:2px;left:0;position:absolute;width:50%}body .beer-block .images div{background-size:50%;-webkit-transition:background-size .2s linear;-moz-transition:background-size .2s linear;-o-transition:background-size .2s linear;-ms-transition:background-size .2s linear;transition:background-size .2s linear}body .beer-block .images div:hover{background-size:85%}body .beer-block .content a{background-color:#2e1b0d;border-radius:4px;color:#fff;font-size:18px;font-weight:900;margin-top:10%;padding:15px 80px;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}body .beer-block .content a:hover{background-color:#fff;color:#000}body #blog{border-bottom:2px solid #d1eec8}body #blog div.line{background:#f7edca;bottom:auto;top:-2px}body .blog{display:flex;gap:0 40px;justify-content:center;padding:80px 0}body .blog .article{background:#f7edca;border-radius:4px;display:flex;flex-direction:column;width:25%}body .blog .article h3{text-align:center}body .blog .article .img{background-position:bottom;background-repeat:no-repeat;background-size:cover;height:200px;width:100%}body .blog .article .content{box-sizing:border-box;height:150px;padding:10px}body .blog .article .content p{margin:0}body .blog .article a{color:#000;display:block;padding:10px;text-align:right}body .blog .article:nth-child(2n){background:#d1eec8}body .footer{background-position:bottom;background-repeat:no-repeat;background-size:cover;height:400px}body .footer .color-mask{align-items:center;background:rgba(39,62,84,.82);color:#fff;display:flex;flex-direction:column;font-size:24px;height:400px;justify-content:center;text-transform:uppercase}body .footer .color-mask h2{margin-top:0}body .footer .color-mask .links{display:flex;flex-direction:column;padding:0 20px}body .footer .color-mask .links a{color:#fff;font-size:14px;margin:5px 0;text-decoration:none;text-transform:none}body .footer .color-mask .links a i{margin-right:10px}body header{box-shadow:0 -5px 15px #000;height:150px;position:relative}body header .logo{align-items:center;display:flex;height:100%;justify-content:center}body header .logo img{height:75px;margin:0 15px}body .article-content{align-items:center;background:#f7edca;display:flex;flex-direction:column;padding:20px 15%}body .article-content .img{background-position:bottom;background-repeat:no-repeat;background-size:cover;height:500px;margin-bottom:40px;width:100%}body #sidebar{background-color:#d1eec8;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;overflow-x:hidden;padding:0;position:fixed;top:0;transition:.5s;width:0;z-index:1}body #sidebar .logo{display:flex;justify-content:center;margin:80px 0 40px}body #sidebar .logo img{width:50%}body #sidebar>a{border-top:1px solid #000;color:#000;display:block;font-size:24px;margin:0 auto;padding:20px 0;text-align:center;text-decoration:none;width:100%}body #sidebar>a:last-of-type{border-bottom:1px solid #000}body #sidebar .flags{display:flex;gap:0 20px;justify-content:center;margin-top:20px}body #sidebar .flags a{display:block;height:15px;width:20px}body>label{cursor:pointer;display:flex;flex-direction:column;left:20px;position:fixed;top:43.5px;width:70px;z-index:2}body>label span{background:#000;border-radius:10px;height:7px;margin:7px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}body>label span:first-of-type{width:50%}body>label span:nth-of-type(2){width:100%}body>label span:nth-of-type(3){width:75%}body>label input[type=checkbox]{display:none}body>label input[type=checkbox]:checked~span:first-of-type{transform:rotate(45deg) translate(8px);transform-origin:bottom}body>label input[type=checkbox]:checked~span:nth-of-type(2){transform:rotate(-45deg);transform-origin:top}body>label input[type=checkbox]:checked~span:nth-of-type(3){transform:translate(30px,-11px) rotate(45deg);transform-origin:bottom;width:50%}body .buttons{display:flex;margin-top:30px}body .buttons a{align-items:center;background-color:#d1eec8;box-sizing:border-box;color:#000;display:flex;flex-direction:column;justify-content:center;margin:0 40px;padding:15px;text-decoration:none;width:330px}body .buttons a .in-out{font-size:24px;margin-bottom:10px;text-transform:uppercase}body .buttons a p{margin:0}body .buttons a:last-child{background-color:#f7edca}@media screen and (max-width:825px){body .buttons{flex-direction:column}body .buttons a{margin:20px 0}}@media screen and (max-width:768px){body .beer-block,body .content-block{flex-direction:column-reverse!important;width:100%}body .beer-block .images,body .content-block .images{height:150%;width:100%}body .beer-block .content,body .content-block .content{width:100%}body .blog{align-items:center;flex-direction:column}body .blog .article{margin:40px 0;width:90%}body .title-row div.line{width:100%}body .article-content{padding:20px 5%}body .article-content .img{height:300px}}@media screen and (max-width:500px){body .gif-container .gif .logo img{height:100px}body .gif-container .gif h1{font-size:24px}body .gif-container .gif h2{font-size:18px}.footer .color-mask h2,body .title-row h2{font-size:24px}}@media screen and (max-width:425px){body .article-content{padding:20px 2%}body .article-content h1{font-size:24px}}