/*body {min-height:0;}*/

html, body {height:100%; text-transform:uppercase;}

#footer-container a.fullscreen {display:none;}
#overlay {height:99.999%;}
#contact-holder #project-holder, #project-list-holder, #text-holder-normal, #text-holder-principals, #contact-holder, #copyright-holder {width:900px;}
#project-holder .left-col {width:410px;}
#main .two-col .left-col {margin-right:5px;}
#footer {width:935px;padding-left:20px;}
#footer .navigation .nav2 {left:115px;}
#footer .navigation .nav3 {left:300px;}
#footer .navigation .nav4 {left:445px;}
#footer .navigation .nav5 {left:615px;}
#footer .sidebox ul {margin-right:-20px;}


#supersized{min-height:725px;}
#project-gallery .inner-footer .copyright a {font-size:0.5em; left:20px;bottom:22px;}
#copyright-holder .left-col h1.heading {font-size:25px;}

#contact-holder .text-holder {
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}

#contact-holder .information + .information {margin-top: 25px;}
#contact-holder .information2 {margin-top: 30px;}

#main .content {
  height: calc(100vh - 250px);
}

#main .two-col .left-col {
  max-height: 100%;
  height: 100%;
}

#main .two-col .left-col .text {
  height: calc(100% - 35px)
}

.text-holder .left-col .viewport {
  height: 340px;
}

.text-holder h1.heading, .text-holder h1.heading2 {
  font-size: 22px;
}

#text-holder-normal .left-col.wide ul {
  margin-bottom: 15px;
} 

#project-holder .left-col .viewport {
  /*height: 250px;*/
  height: 100%;
}

#project-holder.two-col .left-col .text {
  height: calc(100% - 60px);
}
#project-holder .right-col .image-holder {
  max-height: 100%;
}