@font-face {font-family: 'Comfortaa';src: url('../fonts/comfortaa/Comfortaa-Regular.ttf') format('truetype');font-weight: 400;}@font-face {font-family: 'Comfortaa';src: url('../fonts/comfortaa/Comfortaa-Light.ttf') format('truetype');font-weight: 200;}@font-face {font-family: 'Comfortaa';src: url('../fonts/comfortaa/Comfortaa-Bold.ttf') format('truetype');font-weight: 600;}@font-face {font-family: 'Stint';src: url('../fonts/stintultraexpanded/StintUltraExpanded-Regular.ttf') format('truetype');font-weight: 400;}body{letter-spacing: 0.02em;overflow-x: hidden;background: rgba(0,0,0,.8);}p{font-family: Verdana;font-size: 18px;line-height: 1.56;}h1{font-family: Comfortaa;font-size: 30px;line-height: 1.1;font-weight: 400;}h2{font-family: Stint;font-size: 25px;line-height: 1.45;font-weight: 400;}h3{font-family: Stint;font-size: 25px;line-height: 1.45;font-weight: 400;}h4{font-family: Comfortaa;font-size: 18px;line-height: 1.125;font-weight: 400;}a{display: inline-block;transition: all .2s;}.mobile-menu-toggle{position: absolute;display: none;}label.mobile-menu-toggle{position: fixed;top: 18px;right: 20px;width: 50px;height: 40px;background: rgb(248,213,119);border-radius: 4px;cursor: pointer;z-index: 2;}label.mobile-menu-toggle div{width: 34px;height: 24px;border-top: 14px double black;border-bottom: 5px solid black;position: absolute;top: 7px;left: 7px;}input.mobile-menu-toggle:checked + label{right: 250px;}input.mobile-menu-toggle:checked ~ .page{right: 230px;box-shadow: 0 0 4px 4px rgba(0,0,0,0.5);}input.mobile-menu-toggle:checked ~ .mobile-menu{opacity: 1;transition-delay: 0s;}input.mobile-menu-toggle + label, .page{transition: right 1s;}.mobile-menu{position: fixed;top: 0;right: 0;bottom: 0;z-index: 3;overflow: scroll;padding-top: 1em;padding-bottom: 2em;width: 230px;min-height: 100%;z-index: 0;opacity: 0;transition-delay: 1s;}.mobile-menu li{display: block;font-family: Comfortaa;font-weight: 200;font-size: 18px;line-height: 1.5;text-transform: uppercase;text-align: center;padding-top: .75em;padding-bottom: 1em;}.mobile-menu li.hamburger{height: 100%;cursor: pointer;}.mobile-menu li a{border: none;display: block;width: 100%;height: 100%;color: white;}.mobile-menu li:hover a{color: rgb(248,213,119);text-shadow: 0 0 2px rgb(248,213,119);}.page{min-width: 100%;min-height: 100%;position: relative;top: 0;right: 0;bottom: 0;background: white;z-index: 1;}.top{position: absolute;width: 100%;height: 100%;display: none;z-index: 2;}header, main, footer{min-width: 100%;text-align: center;}header{position: fixed;background: rgb(248,213,119);z-index: 1000;height: 76px;}header nav ul{display: table;width: 80%;height: 76px;margin: 0 auto;background: none;}header nav li{display: table-cell;height: 100%;padding: 0 20px;vertical-align: middle;text-align: center;white-space: nowrap;font-family: Comfortaa;font-weight: 200;font-size: 18px;line-height: 1.25;letter-spacing: 0.03em;text-transform: uppercase;}header a:hover{color: white;text-shadow: 0 0 2px white;}header nav li img{min-width: 372px;}main{top: 76px;overflow-x: hidden;}footer{padding: 116px 0 60px 0;background-color: white;background-image: url(../images/logo-hoh-pattern.png);background-position: center 20px;background-repeat: repeat-x;background-size: auto 56px;}footer img{width: auto;height: 40px;margin: 0 auto;}footer ul{display: table;margin: 30px auto 15px auto;}footer li{display: table-cell;vertical-align: bottom;padding: 0 15px;}footer p{font-size: 12px;line-height: 2;}footer ul.certificates{display: flex;justify-content: center;align-items: baseline;flex-wrap: wrap;}footer ul.certificates li{flex: 1 0 auto;min-width: 320px;}footer .certificates p{display: block;font-size: 10px;line-height: 1.5;width: 20em;padding-top: 1.25em;padding-bottom: 2em;border-top: 1px solid lightgray;margin: 1.25em auto;}footer .certificates h1{display: block;font-family: Helvetica, Arial, sans-serif;font-size: 24px;font-weight: 600;line-height: 1;}footer .certificates img{height: 48px;}footer a:hover{transform: scale(1.25);}article{width: 80%;max-width: 1920px;margin: 0 auto;padding: 50px 10% 20px;text-align: center;background: white;}article.box{padding: 50px 4%;text-align: left;}article h1{text-align: center;}article p{padding-top: 1.15em;}article.box p{display: table-cell;width: auto;padding-right: 6%;vertical-align: top;}article h1 span,article h2 span,article h3 span{white-space: nowrap;}article a:hover{opacity: .75;}article figure img{margin: -21px auto 23px auto;}article.list{padding: 0 0 56px 0;display: flex;flex-wrap: wrap;justify-content: space-around;}article.list div{width: 200px;}article.list div h4{font-family: Comfortaa;font-size: 22px;line-height: 1.125;text-transform: uppercase;padding: 1em 0;}article.list div ul li{display: block;font-size: 16px;line-height: 1.25;padding: 0 1em .48em 1em;}article.list div ul.collapsed{display: none;}aside{display: table-cell;width: 230px;min-width: 230px;max-width: 230px;vertical-align: top;padding-top: 1.4em;}aside h4{line-height: 1.56;text-align: left;}aside p{display: block;width: 100% !important;padding-right: 0 !important;font-size: 12px;line-height: 1.18;text-align: right;padding-top: 1em;}aside li{font-family: Comfortaa;font-size: 18px;line-height: 1.56;}aside.quote{vertical-align: bottom;}aside.logos{vertical-align: middle;}aside.logos .logos-container .swiper-slide div{display: table-cell;width: 250px;height: 125px;padding: 0 10px;vertical-align: middle;cursor: pointer;}aside.logos .logos-container .swiper-slide div img{width: auto;max-width: 230px;max-height: 125px;margin: auto;}.video{position: relative;z-index: -10;top: 0;left: 0;width: 100%;height: 0;padding-bottom: 45.7%;overflow: hidden;background: rgba(0,0,0,.8);transition: all 1s;}.video video{position: fixed;z-index: -20;left: 0;width: 100%;height: auto;min-width: 100%;max-width: auto;}.cta{position: relative;background: rgb(111,175,172);width: 100vw;z-index: 50;}.cta article{background: transparent;width: 100%;padding: 25px;color: white;text-align: center;text-shadow: 0 0 2px white;}.cta article h2{text-transform: uppercase;}.cta article h3 a.long{text-transform: none;border-bottom: 2px solid white;line-height: 1.125;}.cta article h3 a span.long{display: block;}.cta article h3 a span.short{display: none;margin-top: .5em;}#intro{padding-bottom: 126px;background-color: white;background-image: url(../images/logo-hoh-pattern.png);background-position: center bottom 30px;background-repeat: repeat-x;background-size: auto 56px;}#services{background: white;}#testimonials{background-color: rgba(184,213,211,1);}#testimonials article{width: 85%;padding: 0 18%;background: transparent;}#testimonials .testimonials-container{overflow: hidden;height: 100%;}#testimonials .button{width: 71px;height: 71px;top: 0;margin-top: 35px;background-repeat: no-repeat;background-position: center center;background-size: contain;}#testimonials .button:hover{transform: scale(1.25);}#testimonials .swiper-button-prev{background-image: url(../images/arrow-left-circle.png);}#testimonials .swiper-button-next{background-image: url(../images/arrow-right-circle.png);}#testimonials blockquote p{text-align: left;}#testimonials blockquote .footer{font-size: 12px;line-height: 1.18;text-align: right;padding-top: 1em;padding-bottom: 1.6em;}#contact{z-index: 100;}#contact2{display: none;}@media screen and (min-width: 769px) {div.figure { display: none;} .slide{height: auto;} .slide.slide-550{height: 550px;} .slide.slide-600{height: 600px;} .slide-background{width: 100%;height: 100%;background-position: center top;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .slide-container{width: 100%;height: 100%;overflow: hidden;position: relative;} .slide-content > article{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgba(255,255,255,.8);} #about .slide-background{background-image: url(../images/bg-retro-seattle.jpg);background-position: center top 25%;} #about .slide-content > article{top: 55%;} #friends .slide-background{background-image: url(../images/bg-mall-seattle.jpg);} #work .slide-background{background-image: url(../images/bg-wallpaper.jpg);}}@media screen and (max-width: 950px) {header nav li{ padding: 0 15px;font-size: 15px;} header nav li img{min-width: 276px;} footer .certificates li{xdisplay: block;}}@media screen and (max-width: 900px) {#testimonials blockquote p span { display: none;}}@media screen and (max-width: 768px) {label.mobile-menu-toggle { display: block;} .video{position: relative;z-index: -10;top: 0;left: 0;width: 100%;height: 0;padding-bottom: 45.7%;overflow: hidden;background: url(../images/closed_sign_turned_open_storef.jpg) no-repeat center top;background-size: cover;background-color: rgba(255,255,255,.255);background-blend-mode: lighten;} .video video{display: none;} .top{display: block;} header nav{width: 100%;height: 76px;background-image: url(../images/logo-hoh-name-mono.png);background-position: center center;background-repeat: no-repeat;background-size: auto;transition: all .2s;} header nav ul{display: none;} #contact2{display: block;} .slide-background{background: none !important;} div.figure{display: block;width: 100%;height: auto;} article{width: 100%;} article.box{padding: 50px 10%;} article.box p{display: block;width: 100%;padding-right: 0;} aside{display: block;margin: 0 auto;text-align: center;} .cta article h3 a span.long{display: none;} .cta article h3 a span.short{display: block;} article.list div{width: 100%;display: block;} .list h4{cursor: pointer;text-decoration: underline;} #testimonials .button{width: 35px;height: 35px;top: 50%;margin-top: -30px;}}@media screen and (max-width: 599px) {header nav { background-size: 60% auto;background-position: 30% center;}}@media; only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){footer { background-image: url(../images/logo-hoh-pattern@2.png);}  #intro{background-image: url(../images/logo-hoh-pattern@2.png);}  header nav{background-image: url(../images/logo-hoh-name-mono@2.png);}}