@font-face{font-family:Lato;src:url("../fonts/font-10.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Lato;src:url("../fonts/font-11.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url("../fonts/font-12.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Open Sans";src:url("../fonts/font-14.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}
*{box-sizing:border-box}html,body{margin:0}body{background:#222;color:#fff;font-family:"Open Sans",Arial,sans-serif;font-size:14px;line-height:20px}.container{width:100%;max-width:940px;margin:0 auto}.hero{min-height:540px;background:linear-gradient(180deg,rgba(0,0,0,.57) 50%,#222),url("../images/hero-dsp-exterior.jpg") 38% 50%/cover no-repeat;text-align:center}.nav{padding-top:28px}.nav-inner{display:flex;align-items:flex-start}.logo{width:20%;padding:0}.logo img{display:block;width:220px;max-width:100%;height:auto}.nav-menu{display:flex;margin:29px 0 0 auto}.nav-link{padding:0 40px;color:red;font-family:Lato,Arial,sans-serif;font-size:11px;font-weight:700;line-height:17px;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.nav-link:hover,.nav-link.current{color:#fff}.heading-wrapper{margin-top:140px;margin-bottom:50px;padding:0 15%;text-align:center}.heading-wrapper h1{margin:0 0 40px;color:#fff;font-family:Lato,Arial,sans-serif;font-size:30px;font-weight:300;line-height:35px}.heading-wrapper p{margin:0;font-size:20px;font-weight:600}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;padding-top:50px;padding-bottom:50px}.projects a{display:block;margin-bottom:22px;border-radius:3px;line-height:0}.projects img{display:block;width:100%;border-radius:3px;transition:opacity .2s ease}.projects img:hover{opacity:.69}.footer{margin-top:29px;padding:36px 16px;background:#222;color:#999;font-size:12px;line-height:18px;text-align:center}.footer p{max-width:1200px;margin:0 auto 10px}.footer a{color:#999;text-decoration:none}.footer a:hover{color:#fff}.footer-logo{margin-bottom:10px;color:#c2c2c2;font-family:Lato,Arial,sans-serif;font-size:19px;line-height:22px;text-transform:uppercase}.menu-button{display:none;background:none;border:0;color:#fff;cursor:pointer}.menu-button span{display:block;width:22px;height:2px;margin:4px;background:currentColor}
@media (max-width:991px){.container{max-width:728px}.hero{min-height:520px}.heading-wrapper{margin-top:115px}.menu-button{display:block;margin:21px 8px 0 auto}.nav-menu{display:none}.nav-menu.open{position:absolute;top:67px;left:0;right:0;z-index:1;display:block;margin:0;padding:20px 0 0;background:#000}.nav-link{display:block;padding:0 40px 10px}.nav-link.current{margin:10px 0}.projects{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.container{max-width:none;margin:0 10px;width:auto}.hero{min-height:420px}.nav{padding-top:0}.logo{margin-top:10px;margin-left:20px;width:30%}.heading-wrapper{margin-top:20px;padding:0 5%}.heading-wrapper h1{margin-top:40px;font-size:38px;line-height:43px}.projects{grid-template-columns:1fr;gap:0;padding-top:50px}.projects a{margin-bottom:40px}}
@media (max-width:479px){.hero{min-height:340px}.heading-wrapper h1{margin-top:20px;font-size:30px;line-height:35px}.heading-wrapper p{font-size:16px}.logo{width:42%}}
.company-content{text-align:center}.company-logo{display:inline-block;width:293px;max-width:100%;margin:0 0 10px}.about-copy{width:61%;margin:41px auto;color:#fff;text-align:left}.about-copy p{margin:0 0 16px;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:300;letter-spacing:.5px;line-height:24px}.contacts{padding-top:20px}.contact-grid{display:grid;text-align:center}.contact-grid-three{grid-template-columns:repeat(3,1fr)}.contact-grid-two{grid-template-columns:repeat(2,1fr);margin-top:15px}.contact-grid p{margin:0 0 16px;font-size:16px;line-height:20px}.contact-grid a{color:#d10003;font-weight:700;text-decoration:none}.contact-grid small{font-size:14px}
@media (max-width:767px){.about-hero{min-height:230px}.contact-hero{min-height:290px}.about-copy{width:81%;margin-top:0}.contact-grid-three,.contact-grid-two{grid-template-columns:1fr;margin-top:0}}
.contacts{padding-top:0}.contact-grid{column-gap:0}.contact-grid p{padding:0 10px;font-family:Lato,Arial,sans-serif;font-weight:300;line-height:24px}.contact-grid p strong{font-weight:700}.contact-grid a{line-height:24px}.contact-grid small{font-size:14px;line-height:20px}.about-copy{text-align:center}