@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;600&family=Montserrat:wght@900&display=swap);:root{--main-color:#252525;--main-background-color:#eeeeee;--primary-color:#152443;--secondary-color:#f79d32;--header-footer-color:#fdfdfd;--box-shadow:#dddddd;--products-background-color:#eeeeee;--product-background-color:#ffffff;--gallery-background-color:#2e2d2d;--gallery-image-background:#ffffff;--colours-background-color:#ffffff;--contact-background-color:#2e2d2d}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}body{font-family:Comfortaa,cursive;color:var(--main-color);background-color:var(--main-background-color)}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:5px 20px;background-color:var(--header-footer-color)}#logo{text-align:center;width:100px}#logo:hover{filter:brightness(1.2)}nav{position:fixed;height:100%;width:0;z-index:3;top:0;right:0;background-color:var(--header-footer-color);overflow-x:hidden;transition:.5s}nav a{display:block;font-size:2rem;padding:10px 20px;color:var(--primary-color);text-align:right;transition:.3s}.menu-btn{font-size:2.5em;cursor:pointer}.bar1,.bar2,.bar3{width:40px;height:4px;background-color:var(--primary-color);margin:8px 0;border-radius:1px}.bar2{width:30px;margin-left:10px}.close-btn{font-size:4rem}.close-btn:hover{text-decoration:none;filter:opacity(.7)}main{min-height:75vh}footer{display:flex;justify-content:space-between;align-items:center;padding:20px 10px;background-color:var(--header-footer-color)}footer img{height:25px;margin:0 5px;filter:invert(13%) sepia(3%) saturate(37%) hue-rotate(325deg) brightness(10%) contrast(96%)}footer a:hover{text-decoration:none}.btn{color:var(--main-background-color);background-color:var(--primary-color);text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-weight:600;border:1px solid var(--primary-color);border-radius:5px;padding:7px 12px;margin:10px 0;display:inline-block}.btn:hover{color:var(--primary-color);background:0 0;text-decoration:none;box-shadow:2px 2px 10px var(--box-shadow);transition:.5s ease-out}.btn.light{color:var(--primary-color);background-color:var(--main-background-color);border:none;box-shadow:#505050 2px 2px 10px}.btn.light:hover{cursor:pointer;filter:brightness(.9)}a{text-decoration:none}a:hover{text-decoration:underline}section{padding:50px 10px}#welcome{background:url(/img/18c51d3079fe6d1ec8c390614f3d6729e91ce4f0/welcome-bg.jpg) center/cover no-repeat scroll}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.welcome>*{margin:15px 0}.welcome h1,.welcome p{font-family:Montserrat,sans-serif;font-size:2.5rem;filter:drop-shadow(#505050 2px 2px 2px);text-align:center}.welcome p{font-size:1.5rem}.welcome .btn{animation-name:buttonBounce;animation-duration:.5s;animation-iteration-count:10;animation-direction:alternate;animation-delay:3s}@keyframes buttonBounce{from{transform:scale(1)}to{transform:scale(1.1)}}section#financing h1{margin-bottom:.5rem}section#financing img{width:100%;border-radius:10px}.inline-buttons{display:flex;justify-content:center}.inline-buttons .btn{margin:1rem}section#products{background-color:var(--products-background-color)}.products{display:grid}.product{margin:10px;border-radius:10px;box-shadow:2px 2px 10px var(--box-shadow);background-color:var(--product-background-color);overflow:hidden}.product a{color:var(--main-color)}.product img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;transition:.5s ease-out}.product h2,.product p{padding:10px}.product span{margin:10px}.product:hover{box-shadow:5px 5px 10px #bebebe;transition:.5s ease-out}.product:hover img{transform:scale(1.05)}.product a:hover{text-decoration:none}section#colours{background-color:var(--colours-background-color)}.colours{display:grid;grid-template-columns:1fr 1fr}.colours:nth-of-type(1){margin-bottom:40px}#colours h1{margin-bottom:5px}.colour{position:relative;text-align:center;margin:5px;border-radius:10px;background:0 0}.colour img{width:100%;border-radius:10px;box-shadow:2px 2px 2px var(--box-shadow)}.colour p{position:absolute;top:45%;left:0;right:0;bottom:0;font-weight:600}.light-text{color:var(--main-background-color)}.dark-text{color:var(--main-color)}section#contact{background-color:var(--contact-background-color);color:var(--main-background-color)}.contact{display:flex;flex-direction:column}.details{width:100%;margin:10px 0;padding:20px}.details a{color:var(--secondary-color);margin-top:10px;display:inline-block}.details img{height:20px;margin-right:3px}form{width:100%;margin:10px 0;padding:20px}form input,form select,form textarea{width:100%;padding:10px 5px;margin:2px 0 15px 0;font-size:1em;font-family:Comfortaa,cursive;border:none;border-radius:5px;-webkit-min-logical-width:95%}input:focus,select:focus,textarea:focus{outline:0}.hidden{display:none}#quoteModal{display:none;width:100%;height:100%;position:fixed;overflow:scroll;top:0;left:0;right:0;padding:2em;background-color:rgba(0,0,0,.9);z-index:4}.modal-content{justify-content:center;align-items:center;width:100%;max-width:800px;height:100%;margin:auto;z-index:5;color:var(--main-background-color)}.close-modal{position:absolute;top:0;right:0;padding:0 .3em;font-size:4em;color:var(--main-background-color)}.close-modal:hover{filter:brightness(.8);text-decoration:none}.modal-content label{color:var(--main-background-color)}.product-image{margin:0 10px;color:var(--main-color);background-color:var(--gallery-image-background);border-radius:10px;box-shadow:2px 2px 8px var(--box-shadow);margin:20px 10px}.product-image img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.product-image p{padding:30px 10px;text-align:center}.collection{column-count:2;column-gap:2em}.collection-image{width:100%;height:auto;margin:1em 0;border-radius:10px}#collection .btn{display:block;width:11.5em;margin:1em auto;text-align:center}#windowForm{max-width:800px}.designer-steps{display:flex;gap:1em;overflow-x:auto;scroll-snap-type:x mandatory;margin:1.5em auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.designer-steps::-webkit-scrollbar{display:none}.designer-step{min-width:100%;scroll-snap-align:center;scroll-snap-stop:always;padding:.5em;border-radius:1em}.designer-step h1,p{margin-bottom:1.5em}.step-navigation{display:flex;justify-content:space-between;border-bottom:1px solid #bebebe}.step-navigation a{color:var(--main-color);font-weight:600;text-transform:uppercase;padding:.5em}.color-options{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.color-option{display:flex;width:130px;flex-direction:column;align-items:center;background-color:var(--colours-background-color);padding:.5em;margin:.5em;border-radius:1em;text-align:center}.color-option img{margin:.5em;width:113px;height:88px;overflow:hidden;box-shadow:2px 4px 4px #ddd;border-radius:.5em}.color-option input{-webkit-min-logical-width:0;margin:auto;width:1.2em;height:1.2em;border-radius:1em}input[type=submit]{-webkit-appearance:none;font-weight:600;text-transform:uppercase;color:var(--main-background-color);background-color:var(--primary-color)}.window-preview{width:100%;margin:1em 0}.supplier-logo{width:48%}.beer-slider{margin:20px 10px}.project-details{margin:15px auto;text-align:center}.project-details img{margin:10px 0}#about{width:100%;text-align:center}#about img{width:250px;margin:20px auto;border-radius:50%;box-shadow:2px 2px 4px var(--box-shadow)}#about p{text-align:left}#about a{color:var(--secondary-color)}@media only screen and (min-width:600px){nav{display:inline;position:static;width:auto;padding:0}nav a{display:inline;font-size:1rem;padding:5px}.menu-btn{display:none}.close-btn{display:none}footer img{height:40px}section>*{max-width:1200px;margin:auto}.products{grid-template-columns:1fr 1fr 1fr}.colours{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.colour p{font-size:1.5rem}.contact{flex-direction:row}.doors,.windows{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:start;gap:1em;height:170vh}.product-image{width:30%;margin:0}.collection{column-count:3}.color-option{display:flex;width:150px}.work{display:grid;grid-template-columns:1fr 1fr;grid-gap:4em}.beer-slider{margin:0}}