/* general styles */
body{
  font-size: 12px;
}

div.centerContent{
  width: 90%;
  padding-left: 20px;
  padding-right: 20px;
}
.mainButton{
  padding: 10px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 1em;
  letter-spacing: 1px;
}
input.mainButton{
  padding-left: 0px;
  padding-right: 0px;
  float: none;
  width: 100%;
}


/*      HEADER      */
header{
  padding-top: 20px;
  padding-bottom: 15px;
}

header a.logoHolder{
  position: relative;
  width: 50px;
  padding-left: 0px;
  margin-bottom: 0px;
  z-index: 11;
}
header div.headerContact{
  right: 0px;
  bottom: 0px;
  z-index: 12;
}
div.socialHolder a{
  margin-right: 8px;
}

@media screen and (min-width: 360px) {
  div.headerContact a{
    font-size: 1em;
  }
  div.socialHolder a{
    margin-right: 10px;
    font-size: 1em;
  }
}

header div.socialHolder{
  margin-top: 0px;
}


div.menuHolder{
}
header nav{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
}
header nav ul{
  width: 100%;
  text-align: left;
}
header nav ul li{
  position: relative;
  display: none;
  text-transform: uppercase;
  list-style-type: none;
  line-height: 1em;
  font-size: 1.5em;
  letter-spacing: 2px;
  padding-bottom: 10px;
  padding-top: 10px;
  cursor: pointer;
  margin-left: 0px;
  margin-right: 0px;
  box-sizing: border-box;
  background-color: #FFF;
  border-top: solid 1px #b59976;
}
header nav ul li:last-child{
  border-bottom: solid 1px #b59976;
}

header nav ul li.menuButton{
  display: block;
  font-size: 2.5em;
  padding-top: 40px;
  padding-bottom: 13px;
  border: none;
}

/*      CONTENT      */
article h1,
article h2,
article.portfoliodetail div.row3 div.text p{
  margin-bottom: 20px;
  letter-spacing: 2px;
}
article.portfoliodetail div.row3 div.text p{
  letter-spacing: 2px;
}

article h3,
article.portfoliodetail div.mainText div.textHolder h1,
article.portfoliodetail div.row3 div.text h3{
  margin-bottom: 10px;
  letter-spacing: 1px;
}
article.portfoliodetail div.mainText div.textHolder h2{
  letter-spacing: 2px;
  width: 100%;
}

div.pageHeader,
div.pageFooter{
  padding-top: 20px;
  padding-bottom: 20px;
  letter-spacing: 2px;
  line-height: 1.2em;
}
div.pageFooter{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.pageHeader h1{
  letter-spacing: 2px;
}


div.centerContent div.pageVisual div.pageVisualText{
  background-color: #b59976;
}
div.centerContent div.pageAnimation{
  padding: 0px;
}
div.centerContent div.pageAnimation div.animationHolder{
  padding-top: 38%;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  position: relative;
  overflow: hidden;
}
div.centerContent div.pageAnimation div.pageVisualText{
  position: relative;
  left: auto;
  bottom: auto;
  right: auto;
  background-color: #b59976;
  padding: 20px;
  line-height: 2em;
  letter-spacing: 1px;
}

/*      HOME      */
article.home div.centerContent div.pageVisual{
  margin-bottom: 0px;
}
article.home div.centerContent div.pageAnimation,
article.home div.centerContent div.pageVisual.mobile{
  margin-bottom: 40px;
}
article.home div.centerContent div.pageAnimation div.pageVisualText,
article.home div.centerContent div.pageVisual div.pageVisualText{
  padding-bottom: 20px;
}
article.home div.centerContent div.pageVisual.mobile div.pageVisualText h1{
  margin-top: 10px;
  letter-spacing: 2px;
}
article.home div.centerContent{
  padding-left: 0px;
  padding-right: 0px;
}
article.home div.projectsMore{
  margin-bottom: 40px;
}


/*    STUDIO & TEAM    */
div.centerContent div.pageVisual.mobile div.pageVisualText{
  position: relative;
  right: auto;
  top: auto;
  padding: 20px;
  line-height: 1.4em;
}

div.blockHolder div.block{
  margin-top: 20px;
  margin-bottom: 40px;
}

article.default div.blockHolder div.block:last-child{
  margin-bottom: 20px;
}

article.studio div.blockHolder div.block:nth-child(2){
  margin-top: 20px;
}
article.team div.blockHolder div.block:nth-child(odd){
  min-height: 0px;
}
div.blockHolder div.block div.centerContent{
  padding: 0px;
}
article.team div.block div.imageHolder,
div.block div.imageHolder,
article.studio div.blockHolder div.block:nth-child(2) div.imageHolder,
article.studio div.blockHolder div.block:nth-child(3) div.imageHolder,
article.team div.blockHolder div.block:nth-child(odd) div.imageHolder,
article.team div.blockHolder div.block:nth-child(even) div.imageHolder{
  margin-right: 0px;
  position: relative;
  float: none;
  left: auto;
  top: auto;
  width: 100%;
}

div.blockHolder div.employeeText{
  background: none;
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  z-index: 1;
}
div.blockHolder div.whiteBG,
article.team div.block div.hideMobile{
  display: none;
}
div.blockHolder div.employeeText div.imageHolder{
  display: block;
}


article.studio div.blockHolder div.block:nth-child(1) div.textHolder,
article.studio div.blockHolder div.block:nth-child(2) div.textHolder,
article.studio div.blockHolder div.block:nth-child(2) div.textHolder,
article.studio div.blockHolder div.block:nth-child(3) div.textHolder,
article.team div.blockHolder div.block:nth-child(odd) div.textHolder,
article.team div.blockHolder div.block:nth-child(even) div.textHolder{
  padding: 0px;
  width: 100%;
  float: none;
  margin-left: 0px;
  box-sizing: border-box;
}
article.studio div.blockHolder div.block:nth-child(even) div.textHolder,
article.team div.blockHolder div.block:nth-child(odd) div.textHolder{
  padding: 20px;
}
article.studio div.blockHolder div.block:nth-child(odd) div.textHolder,
article.team div.blockHolder div.block:nth-child(even) div.textHolder{
  padding-top: 20px;
}


div.blockHolder div.block div.textHolder div.text,
article.portfoliodetail div.mainText div.textHolder div.text,
div.highlight div.highlightText div.textHolder div.text,
article.studio div.blockHolder div.block:nth-child(1) div.textHolder div.text{
  padding-left: 0px;
}

article.studio div.blockHolder div.block:nth-child(1) div.textHolder p.location{
  margin-bottom: 10px;
}

article.team div.blockHolder div.block div.textHolder div.text a.email{
  margin-top: 10px;
}


/*      PORTFOLIO    */
article.portfoliodetail div.centerContent,
article.portfolio div.centerContent:not(.pageHeader){
  padding-left: 0px;
  padding-right: 0px;
}
article.home div.pageFooter div.centerContent,
article.portfolio div.pageFooter div.centerContent{
  padding-left: 0px;
  padding-right: 0px;
}
article.portfolio div.pageHeader{
  margin-bottom: 40px;
}
article.portfolio div.mainText{
  margin-bottom: 40px;
}
div.portfolioFooter div.pageFooter{
  padding-top: 40px;
  padding-bottom: 40px;
  letter-spacing: 0.5px;
}
div.portfolioFooter div.pageFooter div.text{
  padding-left: 0px;
}
div.portfolioFooter div.pageFooter div.text p.footerTitle{
  letter-spacing: 1px;
  margin-bottom: 10px;
}
div.portfolioFooter div.pageFooter div.text h3{
  font-size: 1em;
}
div.portfolioFooter div.pageFooter a.mainButton{
  position: relative;
  bottom: auto;
  right: auto;
  margin-top: 20px;
}

div.highlight{
  display: block;
  align-items: none;
}
article.portfolio div.highlight{
  display: none;
}
div.highlight div.highlightPic{
  width: 100%;
  padding-top: 50%;
}
div.highlight div.highlightPic img{
  width: 40px;
}
div.highlight div.highlightText{
  width: 100%;
}
div.highlight div.highlightText div.textHolder{
  width: 90%;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
div.highlight div.highlightText div.textHolder p.title,
div.highlight div.highlightText div.textHolder p.subtitle{
  margin-bottom: 10px;
  letter-spacing: 2px;
}
div.highlight div.highlightText div.textHolder a.readmore{
  margin-top: 10px;
  font-size: 1em;
}
article.portfolio div.filter{
  margin-bottom: 20px;
}
div.projectHolder{
  margin-left: 0px;
  margin-right: 0px;
}
article.portfolio div.projectHolder{ 
  margin-bottom: 0px;
}
article.portfolio{
  margin-bottom: 20px;
}
div.projectHolder a.project{
  float: none;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 40px;
}
div.projectHolder a.project span.projectText.mobile{
  min-height: 0px;
}

.fade{
  opacity: 0;
}

article.portfoliodetail div.mainText{
  margin-top: 20px;
  margin-left: 0px;
  margin-bottom: 20px;
}
article.portfoliodetail div.row{
  margin-bottom: 0px;
}
article.portfoliodetail div.row div.col{
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
article.portfoliodetail div.row.row1 div.col:first-child{
  padding-right: 0px;
}
article.portfoliodetail div.row.row1 a.pic{
  margin-bottom: 20px;
}
article.portfoliodetail div.row.row1 div.text{
  padding-left: 0px;
}

div.slideshowHolder div.arrow{
  width: 15px;
  height: 50px;
}
div.slideshowHolder div.arrow.left{
  left: 15px;
}
div.slideshowHolder div.arrow.right{
  right: 15px;
}
article.portfoliodetail div.row.row2 div.col,
article.portfoliodetail div.row.row3 div.col{
  width: 100%;
  margin-right: 0px;
}
article.portfoliodetail div.row.row3 div.col:first-child{
  width: 100%;
  margin-right: 0px;
}
article.portfoliodetail div.row.row3,
article.portfoliodetail div.row.row4{
  display: block;
  align-items: none;
}
article.portfoliodetail div.row.row3 div.text{
  height: auto;
}
article.portfoliodetail div.row.row4{
  margin-bottom: 40px;
}
article.portfoliodetail div.row.row4 div.col:first-child{
  padding-left: 0px;;
}
article.portfoliodetail div.row.row4 div.col:nth-child(2){
  padding-left: 0px;
}
article.portfoliodetail div.row.row4 div.col:nth-child(2) p{
  position: relative;
  right: auto;
  bottom: auto;
}
div.randomProjects{
  padding-top: 30px;
  padding-bottom: 30px;
}
div.randomProjects p{
  margin-bottom: 20px;
  letter-spacing: 2px;
}


/*      CONTACT    */
article.default div.block div.centerContent{
  display: block;
  align-items: none;
}

article.contact div.contactInfo,
article.default a.imageHolder{
  width: 100%;
  margin-right: 0px
}
article.default a.imageHolder{
  padding-top: 50%;
}

article.contact div.contactInfo div.imageHolder{
  width: 100%;
  margin-bottom: 0px;
}
article.contact div.contactInfo div.contactText{
  margin-left: 0px;
  padding: 20px;
}

article.contact div.textHolder,
article.default div.textHolder{
  width: 100%;
  padding: 20px;
}
article.contact div.textHolder,
article.contact div.contactInfo{
  float: none;
  margin-top: 20px;
}
article.contact div.textHolder div.text{
  margin-bottom: 20px;
  line-height: 1.6em;
}
article.contact div.textHolder h2{
  margin-bottom: 20px;
}

div.formNote{
  padding-left: 0px;
  margin-top: 10px;
}
div.googleMaps{
  height: 200px;
  margin-top: 20px;
}


/*      FOOTER      */
footer{
  padding-top: 20px;
  padding-bottom: 20px;
}
footer div.centerContent{
  padding: 0px;
}


/*
footer a.logoHolder{
  width: 60px;
  margin-right: 0px;
  margin-top: 5px;
}
footer div.contact{
  float: none;
  width: auto;
  padding-left: 70px;
  margin-top: 0px;
  line-height: 1.3em;
}
span.company{
  font-size: 1.1em;
  line-height: 1.3em;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
article.contact span.company{
  margin-bottom: 20px;
}
footer div.links{
  float: none;
  margin-left: 70px;
  margin-top: 20px;
}
footer nav{
  margin-bottom: 20px;
}
footer nav ul{
  text-align: left;
  font-size: 1em;
}
footer nav ul li{
  display: block;
  margin-bottom: 5px;
}
footer nav ul li,
footer div.socialHolder{
  float: none;
  margin-left: 0px;
}


div.copyright{
  float: none;
  margin-top: 20px;
}
div.copyright p{
  display: block;
  white-space: normal;
}
*/

footer a.logoHolder{
  position: absolute;
  right: 0px;
  top: 4px;
  width: 80px;
  margin-right: 0px;
  margin-top: 0px;
}
footer div.contact{
  float: none;
  width: auto;
  padding-left: 0px;
  margin-top: 0px;
  line-height: 1.3em;
}
span.company{
  font-size: 1.1em;
  line-height: 1.3em;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
article.contact span.company{
  margin-bottom: 20px;
}

footer div.links{
  float: none;
  margin-top: 10px;
}
footer nav{
  display: none;
}
footer div.socialHolder{
  float: none;
  margin-left: 0px;
}

div.copyright{
  float: none;
  margin-top: 10px;
}