h1,h2,h3,h4,h5,h6,p{margin:0;font-family:"Roboto",sans-serif}html{font-smoothing:antialiased !important}img{display:block;width:100%}.contact-detail-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 480px){.contact-detail-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}.contact-detail-container .contact{margin-bottom:30px}.contact-detail-container .contact h2,.contact-detail-container .contact p{padding:0;font-family:"Roboto",sans-serif;font-size:18px;color:#fff}.contact-detail-container .contact h2{margin-bottom:10px}.contact-detail-container .contact p{line-height:18px}.contact-detail-container .contact a{color:#fff}#header{position:absolute;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:40px}@media (max-width: 480px){#header{padding:20px}}#header .logo{width:200px}@media (max-width: 480px){#header .logo{width:100px}}.main{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;height:100vh}.main.main-our-work,.main.main-what-we-do,.main.main-about{-ms-flex-align:start;align-items:flex-start;height:100%}.main.main-what-we-do,.main.main-contact{background-size:cover;background-repeat:no-repeat}.main.main-our-work{background-color:#000}.main.main-what-we-do{background-image:url("../img/background/Background-What-we-do-desktop.jpg");background-color:#FEBAC4}@media (max-width: 480px){.main.main-what-we-do{background-image:url("../img/background/Salt-Design-website-2018-mobile.jpg");background-size:contain}}.main.main-contact{-ms-flex-align:start;align-items:flex-start;background-image:url("../img/background/Background-Contact-Us-desktop.jpeg")}@media (max-width: 480px){.main.main-contact{height:100%;background-position:center}}.main .heading{padding:0 40px;color:#fff;font-weight:500;font-size:5vw;line-height:5vw;letter-spacing:-2px}@media (max-width: 480px){.main .heading{padding:0 20px;font-size:24px;line-height:28px;letter-spacing:0}}.main .heading.heading-small{font-size:50px;line-height:50px}@media (max-width: 480px){.main .heading.heading-small{font-size:24px;line-height:30px}}.main .heading.heading-margin-bottom{margin-bottom:40px}.main .heading.heading-margin-bottom-large{margin-bottom:60px}.main .heading.heading-our-work{max-width:560px}.content{width:100%;max-width:550px;min-width:320px;padding:0 40px}@media (max-width: 480px){.content{padding:0 20px}}.content.content-margin{margin-top:150px;margin-bottom:150px}@media (max-width: 480px){.content.content-margin{margin-top:70px;margin-bottom:70px}}.content.content-large{width:100%}.content.content-full{max-width:none;min-width:none}.content.content-contact{max-width:750px}.content .heading{padding:0}.content p{padding-top:30px;font-size:20px;font-family:"Roboto",sans-serif;font-weight:300;color:#fff}@media (max-width: 480px){.content p{font-size:18px}}@media (max-width: 700px){#nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 20px;background-color:rgba(0,0,0,0.8);opacity:0;visibility:hidden;transition:all 0.3s}#nav.is-active{opacity:1;visibility:visible}}#nav a{margin-right:25px;font-family:"Roboto",sans-serif;font-size:20px;font-weight:400;color:#fff;border-bottom:2px solid transparent;text-decoration:none;transition:border 0.3s}@media (max-width: 700px){#nav a{display:block;margin-top:-14px;margin-right:0;font-size:30px}}#nav a:last-child{margin-right:0}#nav a:hover{border-bottom:2px solid #fff}@media (max-width: 700px){#nav a:hover{border-bottom:none}}#nav a.current{border-bottom:2px solid #fff}@media (max-width: 700px){#nav a.current{border-bottom:none}}.mobile-nav-button{display:none}@media (max-width: 700px){.mobile-nav-button{position:absolute;top:0;right:0;display:block;width:50px;padding:0;border:0;background-color:transparent}}.mobile-nav-button:focus{outline:none}.mobile-nav-close{display:none}@media (max-width: 700px){.mobile-nav-close{position:absolute;top:0;right:5px;display:block;width:40px;padding:0;border:0;background-color:transparent}}.mobile-nav-close:focus{outline:none}.service{margin-top:20px}.service h2,.service p{padding:0;font-family:"Roboto",sans-serif;font-size:18px;color:#fff}.service h2{font-weight:700}@media (max-width: 480px){.service h2{font-weight:500}}.video-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%}.video-container:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.2)}.video-container.video-container-desk{display:block}@media (max-width: 480px){.video-container.video-container-desk{display:none}}.video-container.video-container-mobile{display:none}@media (max-width: 480px){.video-container.video-container-mobile{display:block}}.video{min-width:100%;min-height:100%}.our-work-container{margin-top:50px}@media (max-width: 480px){.our-work-container{margin-top:20px}}.our-work-container .grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:60px}@media (max-width: 480px){.our-work-container .grid{margin-top:30px}}.our-work-container .grid .element-item{position:relative;width:50%}@media (max-width: 480px){.our-work-container .grid .element-item{width:100%}}.our-work-container .grid .element-item:hover .work-detail-container{opacity:1;visibility:visible}.filters-button-group .button{padding:3px 20px;margin-right:15px;font-size:18px;color:#FFF;border:1px solid transparent;background-color:transparent;border-radius:5px;text-transform:uppercase;transition:all 0.3s;outline:none}@media (max-width: 480px){.filters-button-group .button{padding:3px 5px;margin-right:5px;font-size:12px}}.filters-button-group .button:hover,.filters-button-group .button.mixitup-control-active{background-color:#fff;color:#000}.filters-button-group .button:last-child{margin-right:0}.work-detail-container{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;background-color:rgba(0,0,0,0.7);transition:all 0.3s}.work-detail-container .work-detail{width:50%;padding-top:30px;padding-left:30px}@media (max-width: 480px){.work-detail-container .work-detail{width:100%;padding:20px}}.work-detail-container .work-detail h3,.work-detail-container .work-detail p{padding:0;font-family:"Roboto",sans-serif;font-size:18px;color:#fff}@media (max-width: 480px){.work-detail-container .work-detail h3,.work-detail-container .work-detail p{font-size:14px}}.work-detail-container .work-detail h3{margin-bottom:25px}@media (max-width: 480px){.work-detail-container .work-detail h3{margin-bottom:15px}}@media (max-width: 480px){.work-detail-container .work-detail p{line-height:17px}}