body{margin:0;padding:0;background-color:#0f0f0f;}
.wrapper{width:100%;}
.main{width:100%;position:relative;background-color:#0f0f0f;}


h1, h2, h3, h4, h5, body, a{font-family:Raleway;font-style:normal;font-variant:normal;font-weight:normal;line-height:130%;color:#fff;margin:0;padding:0;}
h1, h2, h3, h4{text-transform:uppercase;margin-bottom:20px;}
h2{font-size:6vw;letter-spacing:0.24em;}
h1, h3{font-size:3vw;letter-spacing:0.12em;}
p, a{font-size:0.9em;letter-spacing:0.12em;}

a{text-decoration:underline;text-transform:uppercase;}
a.textlink::after{content:'';display:block;width:100%;height:2px;background:#fff;transition: width .3s;}
a.textlink:hover::after{width:0;//transition: width .3s;}


.box{width:80%;margin:1%;height:auto;display:inline-block;z-index:34;}
.box img{width:100%;height:auto;}
.box01{position:absolute;left:10%;bottom:12.5%;}
.boxInner{padding:0;}
.boxInnerSubheader{padding:4% 0;}

.homeBg{width:100vw;height:100vh;object-fit:cover;object-position: left; }

.work{width:100%;position:relative;background-color:#0f0f0f;}
.work h4{width:92%;display: block;padding:3% 4%;margin-bottom: 0;font-size:1.1em;}
.work .box{display:inline-block;float:left;width:33.333%;margin:0;padding:0;}
.work .box picture{line-height: 0;display:block;}
.work .boxHalf{width:50%;padding:0;}
.work .boxFull{width:100%;padding:0;}
.work .project{display:block;float:left;}

@media (min-width:320px) and (max-width:767px){
.work .box{width:100%;}
}

@media (min-width:320px) and (max-width:599px){
.work h4{width:88%;padding:6% 8%;}
}

h2{font-size:3vw;letter-spacing:0.12em;margin-left:-0.10em;}
h1, h3, h4, h5 a{font-size:0.9em;letter-spacing:0.12em;}


@media (min-width:320px) and (max-width:359px){
h2{font-size:7vw;}
h1, h3, h4, h5, a, p{font-size:0.8em;}
.box{width:80%;}
}

@media (min-width:360px) and (max-width:374px){
h2{font-size:7vw;}
h1, h3, h4, h5, a, p{font-size:0.8em;}
.box{width:80%;}
}

@media (min-width:375px) and (max-width:401px){
h2{font-size:7vw;}
h1, h3, h4, h5, a, p{font-size:0.8em;}
.box{width:80%;}
}

@media (min-width:402px) and (max-width:439px){
h2{font-size:7vw;}
h1, h3, h4, h5, a, p{font-size:0.9em;}
.box{width:80%;}
}

@media (min-width:440px) and (max-width:599px){
h2{font-size:7vw;}
h1, h3, h4, h5, a, p{font-size:0.9em;}
.box{width:80%;}
}

@media (min-width:600px) and (max-width:767px){
h2{font-size:4vw;}
}

@media (min-width:768px) and (max-width:1023px){
h2{font-size:4vw;}
}

@media (min-width:1024px) and (max-width:1279px){
h2{font-size:4vw;}
}

/*
@media (min-width:1280px) and (max-width:1365px){

}

@media (min-width:1366px) and (max-width:1439px){

}

@media (min-width:1440px) and (max-width:1535px){

}

@media (min-width:1536px) and (max-width:1599px){

}

@media (min-width:1600px) and (max-width:1919px){

}
*/