/* @override 
	http://loc.michaelmillett.com/css/main.css
	http://dev.michaelmillett.com/css/main.css */

/* @group HBP Styles */
html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.ie7 .title {
    padding-top: 20px;
}

/* @group Initializer */

body {
  font: 16px/26px Helvetica, Helvetica Neue, Arial;
  font-weight: 300;
  }

/* @end */
/* @end */

/* @group Base Structure */

body {
  font-size: 1.2em;
  line-height: 1.6;
  background-color: #CEE4E4;
/*  background-color: #b0d3d4;*/
/*  background-color: #E3F0F0;*/
}
  
.wrapper {
  position: relative;
  width: 1026px; /* 1140px - 10% for margins */
  margin: 0 auto;
  }

  
.header-container nav {
  position: relative;
  top: -90px;
  width: 1026px; /* 1140px - 10% for margins */
  margin: 0 auto;
  }
  
.home .header-container nav {
  position: absolute;
  top: 40px;
  width: 535px; 
  padding-left: 30px;
  }

h1,h2,h3,h4, {
  font-family: "news-gothic-std",Helvetica,sans-serif;
  }

p, ul {
/*  font-family: "ff-tisa-web-pro",georgia,serif ;*/
  font-family: "Lato","ff-enzo-web",Verdana,Helvetica,sans-serif ;
  /*font*/-family: 'Whitney A', 'Whitney B';
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  color: #5a5a5a;
  }

a {
  color: #333;
  }
  
.header-container {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  padding: 30px 0;
  border-bottom: 1px solid #3a3a3a;
  }
  
.title {
  float: left;
  margin: 20px 0;
  line-height: 1em;
  color: #333333;
  font-family: "news-gothic-std",Helvetica,sans-serif;
/*  font-family: "Lato","news-gothic-std",Helvetica,sans-serif;*/
  font-size: 2.8em;
  font-weight: 300;
  letter-spacing: .1em;
  }

.title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in; 
  }

.title:hover { color: #b0d3d4; }
  
.main article {
  margin: 0 auto;
  }

article h1, article h2 {
  width: 65%;
  padding-left: 35%;
  line-height: 1em;
  /*
  font-family: "news-gothic-std",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 700;
  */
  font-family: "Lato","news-gothic-std",Helvetica,sans-serif;
  font-weight: 300;
  }

article h1 {
  margin-bottom: 2px;
  }

article p {
  position: relative;
  margin: 30px 0;
  width: 60%;
  padding-left: 35%;
  }
  
article ul {
  margin-left: 35%;
}

article h2 {
  color: #393a39;
  padding: 5px 0;
  margin-left: 35%;
  letter-spacing: .05em;
  
  border-top: 1px solid #3a3a3a;
  padding-top: 5px;
  margin-top: 3px;
  margin-bottom: 20px;
  font: 300 .9em "news-gothic-std",Helvetica,sans-serif;
  }

::selection{ color:#fff; background-color: #fda609; text-shadow: 0 0 5px #fbf3ea;} 
::-moz-selection{ background:#fda609; color:#fff; }

.main aside.left {
  float: left;
  width: 40%;
  padding: 0 2.5%;
  margin-right: 2.5%;
  font-size: .8em;
  text-align: justify;
  border: none;
  border-right: 1px solid #575757;
  color: #575757;
  }

.main aside.right {
  float: right;
  width: 30%;
  padding: 0 0 0 2.5%;
  margin: 30px 0 20px 2.5%;
  font-size: .8em;
  text-align: justify;
  border: none;
  border-left: 1px solid #575757;
  color: #575757;
  }

section.left { padding-right: 40%; }

section.right { padding-left: 40%; }

a.readmore {
  display: block;
  float: left;
  background-color: #ffffff;
  color: #3a3a3a;
  font: 300 1em "Lato","news-gothic-std",Helvetica,sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 10px 20px;
/*  letter-spacing: .1em;*/
  }

img { max-width: 100%; }
p.caption {
  width: 96%;
  font: 300 .65em Helvetica,sans-serif;
  padding: 5px 0 0;
  margin: 0;
/*  background-color: #fff;*/
  }

.footer-container footer {
  display: none;
  color: white;
  padding: 20px 0;
  }

/* @end */

/* @group Nav */
nav {
  position: relative;
  width: 90%;
  margin: 0 5%;
  }

nav ul {
  position: absolute;
  width: 65%;
  top:20px;
  left: 35%;
  margin: 0;
  padding: 0;
  overflow: auto;
  }

nav li {
  float: left;
  width: 32%;
  margin: 0;
  margin-right: 2%;
  }

nav a {
  display: block;
  margin-bottom: 10px;
  padding: 6px 0;
  
  font-family: "news-gothic-std",Helvetica,sans-serif;
  text-align: center;
  text-decoration: none;
  letter-spacing: .1em;
  font-size: 1em;
  
  color: #b0d3d5;
  background-color: #3a3a3a;
  }
  
nav li:last-child {
  margin-right: 0;
  }
 
nav a:visited {
  color: #b0d3d4;
  }
 
nav a:hover {
  color: #3a3a3a;
  background-color: #dae9ea;
  -moz-box-shadow: inset 0 0 1px #3a656f;
  -webkit-box-shadow: inset 0 0 1px #3a656f;
  box-shadow: inset 0 0 1px #3a656f;
  }

/* @end */
  
/* @group Home */
.home .header-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 25%;
  min-height: 150px;
  border-top: 1px solid #3a3a3a;
  background-color: #ffffff;
  z-index: 1;
  }

.home .title {
  float: none;
  width: 47.5%;
  text-align: right;
  font-size: 3.2em;
  line-height: .5em;
  }

.home h2 {
  position: relative;
  width: 47.5%;
  padding-right: 2.5%;
  top: -7px;
  margin: 0;
  border: none;
  color: #999999;
  text-align: right;
  text-transform: uppercase;
  font-size: .9em;
  font: 300 1em "news-gothic-std",Helvetica,sans-serif;
  }

.byline {
  position: relative;
  width: 47.5%;
  padding-right: 2.5%;
  top: -12px;
  text-align: right;
  text-transform: uppercase;
  font-size: .5em;
  margin: 0;
  color: #fefefe;
  }

.home h2 span { padding-right: 8px; }
.byline span { padding-right: 15px; }


.home nav {
  position: absolute;
  left: 50%;
  top: 40px;
  width: 47%;
  border-left: 1px solid #333;
  padding-left: 3%;
  margin-left: 0;
  }

.home nav ul {
  position: static;
  }

.home nav li {
  float: none;
  display: block;
  width: auto;
  margin: 0;
  margin-bottom: 10px;
  }

.home nav li:last-child {
  margin-bottom: 0px;
  }
  
.home nav a {
  float: none;
  padding: 10px  0;  
  letter-spacing: .15em;
  font-size: .8em;
  font-weight: bold;
  width: 80%;
  margin: 0;
  }



/* @end */

/* @group Work */
.work-container .wrapper {
  width: 100%;
  margin: 0;
  }
.work-container a { text-decoration: none; }
.work-container section {
  padding-left: 5%;
  padding-right: 5%;
  }

.section-content {
  position: relative;
  max-width: 1026px;
  margin: 0 auto;
  }
  
.work-container h2 {
  margin-bottom: 0px;
  /*
  font-family: "news-gothic-std",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 700;
  */
  font-family: "Lato","news-gothic-std",Helvetica,sans-serif;
  font-weight: 700;
  }
.work-container p { margin-top: 7px; }
.work-container .readmore:hover { text-decoration: underline; }

  
  /* @group Work Index */
  .workdescription {
    overflow: visible;
  }
  
  .iws {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    border-bottom: 1px solid #3a3a3a;
    }
    
  .iws .section-content {
    padding-bottom: 43px;
    }
  
  .iws .miniherolink {
    position: absolute;
    bottom: 0;
    left: 55%;
    width:652px;
    height: 382px;
    display: block;
    background: url(/img/IWSHeroLuminosity.jpg) no-repeat 0 0;
/*    background: url(/img/IWSHeroSummary.jpg) no-repeat 0 0;*/
    }
    
  .iws .workdescription, .iws h2 {
    position: relative;
    margin-right: 40%;
    }
  
  .iws p, .iws .readmore, .iws h2 {
    position: relative;
    z-index: 2;
    }
  
  .standards {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #3a3a3a;
    }
  
  .standards .section-content {
    padding-top: 60px;
    }
  
  .standards .miniherolink {
    position: absolute;
    top: 0;
    right: 47%;
    width:688px;
    height: 450px;
    display: block;
    background: url(/img/StandardsHeroLuminosity.jpg) no-repeat 0 0;
/*    background: url(/img/StandardsHeroSummary.jpg) no-repeat 0 0;*/
    }
    
  .standards .workdescription, .standards h2 {
    position: relative;
    margin-left: 40%;
    z-index: 1;
    }
  
  .standards p, .standards .readmore, .standards h2 {
    position: relative;
    z-index: 2;
    }
    
  .standards .minihero {
    position: absolute; 
    left: -80px;
    bottom: 0;
    max-width:50%;
    }
  
  .standards .readmore {
    color: #ffffff;
    background-color: rgba(252, 165, 8, 0.85);
    }
  
  .iws .readmore {
    color: #ffffff;
    background-color: rgba(158, 71, 179, 0.85);
    }
  
  /* @end */
  
  /* @group Work Heroes */
  
  body#about { border-bottom: 1px solid #333; }

  #about .hero {
    position: absolute;
    top: 0;
    right: 70%;
    height: 1000px;
    width: 500px;
    max-width: 100%;
    background: url(/img/aboutHero4.jpg) no-repeat;
    background-position: left top;
    border: none;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
    }
  
  #standards .hero {
    position: absolute;
    top: -130px;
    right:58%;
    z-index: -1;
    height: 1051px;
    width: 791px;
    max-width: 100%;
    background: url(/img/standardsHeroMedium2.jpg) no-repeat center center;
    border: none;
    }
    
  #iws .hero {
    position: absolute;
    top: -103px;
    left: -430px;
    height: 842px;
    width: 900px;
    max-width: 100%;
    z-index: -1;
    background: url(/img/IWSHeroMedium.jpg) no-repeat;
    background-position: right center;
    }
  
  /* @end */
  
  /* @end */
  
  

/* @group About */

#about .main {
  min-height: 1000px;
  }

.twitter {
  padding-right: 38px;
  background: url(/img/twitter.png) center right no-repeat;
  }

/* @end */

/* @group Blog */
.post {
  position: relative;
  margin-bottom: 80px;
}

.postmeta {
  position: absolute;
  width: 33%;
  text-align: right;
  z-index: 1;
  }

.bloghome h1{
  padding: 0;
  width:auto;
  padding-right: 3%;
  font-size: 28px;
  border-left: x solid #fda609;
  }

.bloghome h1 a {
  text-decoration: none;
  }

.postdate {
  padding-right: 3%;
  font-family: "lato","news-gothic-std",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #377274;
  border-bottom: 2px solid #fda609;
  margin-bottom: 7px;
  }

.blog h2 {
  font-family: "news-gothic-std",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 700;  font-size: 18px;
  color: #377274;
  border-top: 1px solid #ffffff;
  }

.blog h3 {
  margin-left: 35%;
  margin-bottom: -20px;
  width: 60%;
  font-family: "news-gothic-std",Helvetica,sans-serif;
  font-style: normal;
  font-weight: 700;
  }

 .codeblock {
  position: relative;
  margin: 30px 0 30px -40px;
  width: 60%;
  left: 35%;
  border:solid;
  border-width:0 0 0 30px;
  border-color: #AFD2D3;
  font-size: 14px;
  background-color: #65a3a5;
  color: #ffffff;
  font-family: monospace;
  font-weight: 700;
  }

.codeblock em {
  font-style: normal;
  color: #fdca6f;
  text-shadow: 0 0 3px #4a7a7b;
  }

/*
.codeblock:before, .codeblock:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);    
  -moz-transform: rotate(-3deg);   
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  }

.codeblock:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
  }  
  */
  

.codeblock pre {
  padding: 10px 20px;
  border-left: 1px solid #ffffff;
  }

/* @end */

/* @group Helpers */

.ir {
   background-color: transparent;
   border: 0;
   overflow: hidden;
   *text-indent: -9999px;
}

.ir:before {
   content: "";
   display: block;
   width: 0;
   height: 150%;
}

.hidden {
   display: none !important;
   visibility: hidden;
  }

.visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
}

.invisible {
   visibility: hidden;
}

.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}

.clearfix {
   *zoom: 1;
}

/* @end */

/* @group 1139 > Typical > 768 */
@media only screen and (max-width: 1139px) {

.wrapper {
  width: 90%;
  margin: 0 5%;
  }

.home .wrapper {
  width: 94%;
  margin: 0 3%;
  }

.header-container nav { width: 90%; }
.home .header-container nav{
  width: 47%;
  padding-left: 3%;
  }
  
#iws .hero {
  left: auto;
  right: 55%;
  }
  
#about .hero {
  position: relative;
  width: 100%;
  height: 450px;
  left: 0;
  top: 10px;
  background-position: center -350px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  }

}

/* @end */

/* @group 768 > Narrow > 480 */
@media only screen and (max-width: 768px) {
body {
  font-size: 1em;
/*  width: 320px;
  margin: 0 auto;*/
  }

.wrapper {
  width: 100%;
  margin: 0;
  }
  
.home .wrapper {
  width: 90%;
  margin: 0 5%;
  }
  
.header-container {
  padding: 20px 0;
  }

.header-container h1 {
  margin-left: 5%;
  margin-right: 5%;
  }

.title {
  float: none;
  line-height: .5em;
  }

.header-container nav {
  position: static;
  }

nav ul {
  position: static;
  width: auto;
  }

/* @group Narrow Home */

.home .header-container nav {
  position: static;
  width: 90%;
  margin: 0 5%;
  padding: 0;
  }

.home .title {
  width: auto;
  text-align: left;
  }

.home nav { border-left: none; }

.home nav li {
  float: left;
  width: 32%;
  margin: 0;
  margin-right: 2%;
  }

.home nav li:last-child {
  margin-right: 0;
  }

.home nav a {
  width: auto;
  margin: 0;
  }
  
.home h2 {
  position: absolute;
  top: 110px;
  width: 100%;
  padding: 5px 0 0;
  color: #999999;
  text-align: center;
  border-top: 1px solid #999999;
  font: 300 1em "news-gothic-std",Helvetica,sans-serif;
  }

.home h2 span { padding: 0; }

.home h3 {
  position: absolute;
  top: 140px;
  width: 100%;
  text-align: center;
  }

/* @end */

.workdescription {
  border-top: 1px solid #333;
  }
  /*
.workdescription .readmore {
  display: block;
  width: 100%;
  padding: 10px 0;
  }
  */
.work-container h2 {
  border-bottom: 1px solid #333;
  line-height: 1em;
  padding-bottom: 10px;
  }

article h1, article h2 {
  width: auto;
  padding-left: 0;
  text-align: left;
  }

article h1 {
  line-height: 1.1em;
  }

article h2 {
  color: #393a39;
  padding: 0;
  margin: 0px 0 30px 0;
  letter-spacing: .05em;
  }

article p {
  margin: 30px 5%;
  width: auto;
  padding-left: 0;
  font-size: 1.1em;
  }

article ul {
  margin-left: 0;
  }
  
p.caption {
  width: 90%;
  padding: 5px 5%;
  background-color: #fca508;
  color: #ffffff;
  font-size: .85em;
  }


.main aside.left, .main aside.right {
  float: none;
  width: auto;

  padding: 0 15px;
  margin: 30px 5%;
  font-size: 1.0em;
  border: none;
  border-left: 10px solid #fda609;
  font-weight: 300;
  /*
  background-color: #c2ddde;
  -moz-box-shadow: 0 5px 10px #82a6a6;
  -webkit-box-shadow: 0 5px 10px #82a6a6;
  box-shadow: 0 5px 10px #82a6a6;
  */
  text-align: left;
}
  
a.readmore {
  display: block;
  padding: 10px 0;
  background-color: #ffffff;
  margin: 10px -5.555% -20px -5.555%;
  padding: 10px 5.555%;
  text-align: left;
  text-decoration: none;
  font-size: 1em;
  font-weight: 700;
  color: #3a3a3a;
  }
  
  /* @group Work Index */
  
  .workdescription p {
    font-size: 1.1em;
    }
  
  .main .workdescription, .main h2 {
    margin: 0;
    }

  .main .minihero {
    position: static;
    max-width: 100%;
    }
    
  .standards h2 {
    width: 90%;
    padding: 20px 5%;
    background-color: rgba(252, 165, 8, 0.85);
    color: #ffffff;
    }
    
  .iws h2 {
    width: 90%;
    padding: 20px 5%;
    background-color: rgba(158, 71, 179, 0.85);
    color: #ffffff;
    }
    
  .standards h2 a, .iws h2 a {
    color: #ffffff;
    }
  
  .standards .section-content, .iws .section-content {
    padding: 0;
    }
    
  .standards .section-content p, .standards .section-content .readmore,
  .iws .section-content p, .iws .section-content .readmore {
    margin: 2% 5%;
    }
    
  .standards .workdescription {
    margin-top: 220px;
    padding-bottom: 20px;
    border-top: none;
    }
  
  .iws .workdescription {
    padding-bottom: 350px;
    }
  .standards .miniherolink {
    left: -50px;
    top: -100px;
    }
  
  .iws .miniherolink {
    left: auto;
    right: 0px;
    bottom: 0px;
    }
  
  .iws, .standards {
    position: relative;
    border-bottom: none;
    padding: 0 !important;
    }
  /* @end */
  
  /* @group About */
  
  #about .hero {
      height: 250px;
      background-size: 500px 500px;
      background-position: center -170px;
      top: 0;
      border-top: none;
      }
  
    #about article h1 {
      position: absolute;
      top: 200px;
      left: 5%;
      z-index: 1;
      margin-top: 10px;
      
      }
  
  /* @end */
  
  /* @group Work Heroes */

  #standards .article-header {
    position: absolute;
    width: 90%;
    padding: 10px 5%;
    background-color: rgba(252, 165, 8, 0.85);
    color: #ffffff;
    }
  
  #standards article h1 {
    font-size: 1.6em;
    }
  
  #standards article h2 {
    color: #fff2db;
    border-top-color: #fff2db;
    }
  
  #standards .hero {
    position: static;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffd295;
    height: 35em;
    background: url(/img/standardsHeroMedium2.jpg) no-repeat center 0;
    -webkit-background-attachment: fixed;
    background-attachment: fixed;
    }
    
  @media (-webkit-min-device-pixel-ratio: 1.3) {
    #standards .hero {
      height: 20em;
      background-size:400px 400px;
      background-position: center 150px;
    }
  }

  #iws .article-header {
    position: absolute;
    width: 90%;
    padding: 10px 5%;
    background-color: rgba(158, 71, 179, 0.85);
    color: #ffffff;
    }
  
  #iws article h1 {
    font-size: 1.6em;
    }
  
  #iws article h2 {
    color: #e9d6ef;
    border-top-color: #e9d6ef;
    }
    
  #iws .hero {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    height: 30em;
    width: 100%;
    background-position: center -100px;
    border-bottom: 1px solid #647b9c;
    border-top: 1px solid #647b9c;
    -webkit-background-attachment: fixed;
    background-attachment: fixed;
    }
    
  @media (-webkit-min-device-pixel-ratio: 1.3) {
    #iws .hero {
      height: 20em;
      background-size:450px 421px;
      background-position: center 150px;
    }
  }

  
  /* @end */
  
  /* @group Blog */
  
  .postmeta {
    position: relative;
    width: auto;
    text-align: left;
    }
    
  .postdate {
    border: none;
    }
  /*
  .readmore {
    display: block;
    padding: 10px 0;
    background-color: #3a3a3a;
    margin: 10px 0 -20px;
    padding: 6px 0;
    font-family: "news-gothic-std",Helvetica,sans-serif;
    text-align: center;
    text-decoration: none;
    letter-spacing: .1em;
    font-size: 1em;
    color: #b0d3d5;
    }
  */
    
  .blog h3 {
    width: auto;
    margin: 0 0 -20px;
    }
  
  .codeblock {
    position: relative;
    margin: 30px 0 30px -40px;
    width: auto;
    left: 0;
    width:auto;
    border:solid;
    border-width:0 0 0 30px;
    border-color: #AFD2D3;
    font-size: 14px;
    overflow: scroll;
    }
  
  .codeblock pre {
    padding: 10px 20px;
    border-left: 1px solid #ffffff;
    }
  
  /* @end */
}
/* @end */

/* @group 500 > Custom About */
@media only screen and (max-width: 500px) {

/* @group Work Index */
  
  .workdescription p {
    font-size: 1.1em;
    }
  
  .main .workdescription, .main h2 {
    margin: 0;
    }

  
  .main .minihero {
    position: static;
    max-width: 100%;
    }
    
  .standards h2 {
    position: absolute;
    bottom: 0;
    width: 90%;
    padding: 20px 5%;
    background-color: rgba(252, 165, 8, 0.85);
    color: #ffffff;
    }
    
  .iws h2 {
    position: absolute;
    bottom: 0;
    width: 90%;
    padding: 20px 5%;
    background-color: rgba(158, 71, 179, 0.85);
    color: #ffffff;
    }
    
  .standards h2 a, .iws h2 a {
    color: #ffffff;
    }
  
  .standards .section-content, .iws .section-content {
    min-height: 300px;
    padding: 0;
    }
    
  .standards .section-content p, .standards .section-content .readmore,
  .iws .section-content p, .iws .section-content .readmore {
    display: none;
    }
  
  .standards .miniherolink {
    left: -50px;
    }
  
  .iws .miniherolink {
    left: auto;
    right: 0px;
    }
    
  @media (-webkit-min-device-pixel-ratio: 1.3) {
    .standards .section-content, .iws .section-content {
      min-height: 200px;
      }
    .iws .miniherolink {
      width: 326px;
      height: 191px;
      background-size: 326px 191px;
      }
    .standards .miniherolink {
      width: 344px;
      height: 225px;
      background-size: 344px 225px;
      left: 0px;
      }
  }
  
  .iws, .standards {
    position: relative;
    border-bottom: none;
    padding: 0 !important;
    }
  
  .standards .workdescription, .iws .workdescription {
    display: none;
    }  
  /* @end */

/* @group About */

#about .main.wrapper {
  width: 100%;
  margin: 0;
  }
#about .main.wrapper p {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  }
#about .hero {
  background-position: -40% -170px;
  }

/* @end */
}
/* @end */



/* @group Print */
@media print {

* {
      background: transparent !important;
      color: #000 !important; /* Black prints faster: h5bp.com/s */
      box-shadow: none !important;
      text-shadow: none !important;
  }

  a,
  a:visited {
      text-decoration: underline;
  }

  a[href]:after {
      content: " (" attr(href) ")";
  }

  abbr[title]:after {
      content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
      content: "";
  }

  pre,
  blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
  }

  thead {
      display: table-header-group; /* h5bp.com/t */
  }

  tr,
  img {
      page-break-inside: avoid;
  }

  img {
      max-width: 100% !important;
      border-top-color: #e7c0de;
    }

  @page {
      margin: 0.5cm;
  }

  p,
  h2,
  h3 {
      orphans: 3;
      widows: 3;
  }

  h2,
  h3 {
      page-break-after: avoid;
  }

}
/* @end */