﻿.hero-text,.hero,header{position:relative}footer .slogan strong:after,.hero-text a{display:inline-block;zoom:1}.gag,.hero-text h1,.hero-text span,.logo img,.logo,footer:before{display:block}.hero-text,.logo,header{box-sizing:border-box}.hidden{display:none}footer:before{content:""}footer .credit:last-of-type{text-align:right}.hero-text a{text-align:center}.hero-text a{text-transform:uppercase}.flex-row,header{display:flex;flex-wrap:wrap}header{justify-content:space-between}footer{justify-content:space-between}footer{align-items:flex-end}header{align-items:center}.hero{background-repeat:no-repeat}.hero{background-size:cover}.hero{background-position:center center}.hero-text p,.hero-text a{font-family:"Alergia",sans-serif}.hero-text a{font-weight:bold;transition:background-color 250ms,color 250ms;padding:1.2em 2.5em 1em;border:none;cursor:pointer;min-width:180px}.hero-text a{color:#000;background-color:#fff}.hero-text a:hover{background-color:#fff}.hero-text a:active{background-color:#e6e6e6}footer .slogan strong:after{color:inherit;content:"™";font-size:.4em;transform:translateY(-1em)}@media screen and (min-width: 1441px){.hero,header,.sw{padding-left:5%;padding-right:5%}}@media screen and (min-width: 1121px)and (max-width: 1440px){.hero,header,.sw{padding-left:5%;padding-right:5%}}@media screen and (min-width: 761px)and (max-width: 1120px){.hero,header,.sw{padding-left:4.5em;padding-right:4.5em}}@media screen and (max-width: 760px){.hero,header,.sw{padding-left:1.5em;padding-right:1.5em}}@media screen and (min-width: 600px){.hero-text h1{font-size:clamp(5rem,11vw,11rem)}}@media screen and (max-width: 599px){.hero-text h1{font-size:clamp(3.3rem,11vw,4rem)}}@media screen and (min-width: 1920px){footer .slogan{font-size:3em}}@media screen and (min-width: 1200px)and (max-width: 1919px){footer .slogan{font-size:2.8em}}@media screen and (min-width: 451px)and (max-width: 1199px){footer .slogan{font-size:2.4em}}@media screen and (max-width: 450px){footer .slogan{font-size:2em}}@media screen and (min-width: 1920px){.gag,.hero-text span,.hero-text p{font-size:1.4em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.gag,.hero-text span,.hero-text p{font-size:1.3em}}@media screen and (min-width: 451px)and (max-width: 1199px){.gag,.hero-text span,.hero-text p{font-size:1.1em}}@media screen and (max-width: 450px){.gag,.hero-text span,.hero-text p{font-size:.95em}}@media screen and (min-width: 1920px){footer .credit,.hero-text a{font-size:1.1em}}@media screen and (min-width: 1200px)and (max-width: 1919px){footer .credit,.hero-text a{font-size:1em}}@media screen and (min-width: 451px)and (max-width: 1199px){footer .credit,.hero-text a{font-size:.9em}}@media screen and (max-width: 450px){footer .credit,.hero-text a{font-size:.8em}}.hero-text h1{font-weight:500;margin-bottom:.85em;letter-spacing:-0.02em}.hero-text h1{line-height:.85em}.hero-text p{font-weight:400;line-height:1.4em;margin-bottom:1.5em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;text-decoration:none;list-style:none}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}input,textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}a [href^=tel],p [href^=tel]{color:inherit;text-decoration:none}.flex-row img{max-width:100%}html{font-size:16px}body{background:#000;color:#fff;font-family:"Helvetica Neue","Neue Helvetica","Helvetica",sans-serif}header{height:100px;z-index:9999;padding-top:1.5em}header a{color:#fff}.logo{width:310px}.logo img{width:100%}@media screen and (min-width: 761px)and (max-width: 1340px){.logo{width:240px}}@media screen and (max-width: 760px){.logo{width:180px;margin-bottom:2px}}.hero{background-color:#000;margin-top:-100px}.hero-text{color:#fff}.hero-text span{color:#5920de;margin-bottom:1em;font-weight:bold}.hero-text p{font-weight:normal}footer{padding-bottom:180px;background-color:#000}footer:before{width:100%;height:3px;border-top:solid 3px #5920de;margin-bottom:3em}footer .slogan{color:#5920de;font-weight:bold;letter-spacing:-0.02em;line-height:1em;width:71%}footer .slogan strong{font-weight:bold}footer .credit{width:14%}footer .credit a{color:#fff;text-decoration:underline}footer .credit a:hover{color:#00c177}@media screen and (min-width: 760px)and (max-width: 1800px){footer .slogan{width:42%}footer .credit{width:28%}}@media screen and (max-width: 759px){footer .slogan{width:100%;margin-bottom:1em}footer .credit:last-of-type{text-align:left}}@media screen and (min-width: 414px)and (max-width: 759px){footer .credit{width:50%}}@media screen and (max-width: 413px){footer .credit{width:100%;margin-bottom:1em}}.gag{font-weight:bold}@media screen and (min-width: 900px){.gag{padding:2em 1em 10em 63.19%;width:300px}}@media screen and (max-width: 899px){.gag{padding:2em 1em 10em 28%;width:65%}}@media screen and (max-width: 760px){.footer-nav{width:100%}.footer-nav nav,.footer-nav div{width:100%;margin-bottom:1.5em;padding:1.5em 5%}}.show-on-scroll{transition:transform 2s .2s cubic-bezier(0, 1, 0.3, 1),opacity .2s .2s ease-out;opacity:0;transform:translateX(5em)}.show-on-scroll.is-visible{opacity:1;transform:translateX(0)}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1;visibility:visible}}@keyframes fade-in{from{opacity:0}to{opacity:1;visibility:visible}}@-webkit-keyframes dropdown{from{transform:rotateX(-25deg) scaleY(0.8);opacity:.2}to{transform:rotateX(0) scaleY(1);opacity:1}}@keyframes dropdown{from{transform:rotateX(-25deg) scaleY(0.8);opacity:.2}to{transform:rotateX(0) scaleY(1);opacity:1}}
