@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0)}}@-webkit-keyframes change-image-bg{0%{background-color:red}to{background-color:#00f}}@media screen and (max-width:600px){.navigation{visibility:hidden!important;display:none!important}.mobile-navigation{visibility:visible!important}.mobile-navigation .mobile-dropdown-content a{text-align:center!important}.mobile-navigation .image-link{padding:0}.dropdown{width:100%;display:flex;justify-content:center}.dropbtn{color:#000!important;width:100%}.dropdown-content{margin-top:3.8em;width:100%}.dropdown-content a{padding:12px 0!important;text-align:center!important}.subdropbtn{width:100%;text-align:center!important}.subdropdown-content{position:relative!important;left:0!important;width:100%!important;z-index:10!important}}html{min-height:100%;position:relative}body{margin:0;min-height:100vh;background-size:500px 442px;background-color:#636363;background-blend-mode:overlay;background-image:url(https://cdn.brewershome.co.uk/shared-assets/images/products/160476orig.jpg)}.mobile-navigation,body{display:flex;flex-direction:column}.mobile-navigation{visibility:hidden;position:fixed;top:0;width:100%;background-color:#231f20;align-items:center;justify-content:center;z-index:100}.mobile-navigation img{width:120px;height:60px}.mobile-navigation a{float:left;font-size:17px;color:#fff;text-align:center;padding:1.2em 0;min-width:4em;text-decoration:none}.mobile-dropdown{float:left;overflow:hidden}.mobile-dropbtn{font-size:17px;border:none;outline:none;color:#fff;padding:.5em 1em;background-color:inherit;font-family:inherit;margin:0}.mobile-dropdown-content{display:none;position:absolute;background-color:#f9f9f9;width:100%;left:0;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.mobile-dropdown-content a{transition:background-color .3s;color:#000;font-size:17px;width:100%;text-decoration:none;display:block;text-align:center}.mobile-dropdown-content a:hover{color:#fff;background-color:#4e7764}.mobile-dropdown:hover .mobile-dropdown-content{display:block;transition-delay:3s;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out}.navigation{visibility:visible;position:fixed;top:0;width:100%;background-color:#231f20;display:flex;align-items:center;z-index:100}.navigation img{width:120px;height:60px;padding:0 1em}.text-link{float:left;font-size:17px;color:#fff;text-align:center;padding:1.3em 1em;min-width:4em;text-decoration:none}.image-link:hover{opacity:.5}.dropdown{float:left;overflow:hidden;z-index:4}.dropdown .dropbtn{font-size:17px;outline:none;color:#fff;padding:1.2em 1em;margin:0}.dropdown .dropbtn,.dropdown .subdropbtn{border:none;background-color:inherit;font-family:inherit}.dropdown .subdropbtn{transition:background-color .3s;float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left;min-width:12em}.dropdown .subdropbtn:hover{color:#fff;background-color:#4e7764}.dropdown:hover .dropbtn,.navigation .text-link:hover{background-color:#7c3123}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:8em;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.dropdown-content a{transition:background-color .3s;min-width:7.5em;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{color:#fff;background-color:#4e7764}.dropdown-content .subdropbtn{min-width:100%;font-size:17px}.dropdown:hover .dropdown-content,.subdropdown:hover .subdropdown-content{display:block;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out}.dropdown:hover .dropdown-content{transition-delay:3s}.subdropdown-content{z-index:-2;display:none;position:absolute;left:9.5em;top:0;background-color:#f9f9f9;min-width:9em;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.subdropdown-content a{min-width:9em;transition:background-color .3s}.subdropdown-content a:hover{color:#fff;background-color:#485433}footer{margin-top:2em;color:#fff;flex-shrink:0;width:100%;background-color:#231f20;border-top:2px solid #c1d6ac}footer,footer .footer-content{display:flex;justify-content:center}footer .footer-content{flex-direction:column;align-items:center}footer .icons{padding-top:1em}footer .icons i{padding:.2em}footer .links{padding-top:2em;display:flex;justify-content:center}footer .links a{color:#fff;padding:0 .5em}
/*# sourceMappingURL=main.css.map */