@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
body{font-family: 'Roboto', sans-serif;background: #f9fbfd;color:#333333}
.jumbotron{background: none;padding: 0px !important;margin-bottom: 164px;margin-top: 35px}
.jumbotron h1{font-size: 71px;
max-width: 500px;
line-height: 64px}
.page-header{border-bottom: none;
border-top: 1px solid #e4e4e4;
margin-bottom: 0px;
padding-bottom: 0px}
 .col-left:after {
    position: absolute;
    width: 0px;
    border-left: 1px solid #e4e4e4;
    height: 226px;
    top: 0px;
    content:" ";
}
.col-left:after { right: 0px; }
.page-header h1{font-size: 24px;
margin-top: 8px;
padding-left: 8px;
margin-bottom: 5px}
.container{width: 844px !important;box-sizing: content-box}
.row{margin: 0px;}
.asset-row{min-height: 226px;margin-bottom: 60px}
.btn{font-weight: 300;
font-size: 12px;
text-shadow: none;
line-height: 16px}
.asset-col{padding: 0 8px;}
.asset-col p{padding: 0 8px;
font-weight: 300;
font-size: 16px;
margin-bottom: 7px}
.asset-links div{padding: 0 8px}
.asset-links .btn{width:100%;box-sizing: border-box}
.image-cont{min-height: 180px;text-align: center;background-repeat: no-repeat;background-position: center center}


.usage-header{border-top: none}
.usage-header h1{font-weight: 300}

.usage-row h2{font-weight: 300;
font-size: 22px;
margin-top: 40px;
margin-bottom: 15px}
.usage-row .btn{font-size: 16px;
width: 106px;}
.usage-row .col-right{text-align: center}

.reproduction-row .asset-col{text-align: center}
.reproduction-row .asset-col.col-right{text-align: right}
.reproduction-row.asset-row{min-height: 0px}

.reproduction-row .asset-col.col-right p{text-align: left;
width: 290px;
font-size: 13px;
-webkit-hyphens: auto;
line-height: 22px;
display: table;
margin: auto}

.palette-row h1{font-size: 24px;margin-bottom: 15px}
.palette-row .asset-col p{padding-left: 0px;
padding-right: 0px;
font-size: 14px;
line-height: 22px;}

.color-col{width:140px;box-sizing: content-box;margin-bottom: 25px}
.palette-row .asset-col .color-col p{font-size: 13px;
margin-top: 12px;
line-height: 20px}
.color-box{display: table;width:140px;height: 140px}
.pan382{background:#c3d500}
.pan377{background:#88ac2e}
.pan5747{background:#1f752a}
.colorgray{background:#56565a}
.colorblack{background:black}
.colorwhite{background:white;border:1px solid #bdbfbf;box-sizing: border-box}

.typography-row{margin-bottom : 10px}
.typography-row h1{font-weight: 300;
font-size: 25px;
margin-top: -8px;}
.typography-row .asset-col{margin-right: 43px}

.font-dl-row h1{font-weight: 300;
font-size: 22px;}
.font-dl-row .btn{font-size: 16px;
width: 106px;}

.more-info{border-bottom: 1px solid #c2c2c2;
width: 100%;
margin-bottom: 20px}
.more-info h1{text-align: center;
font-weight: 500;
-webkit-font-smoothing: antialiased;
font-size: 24px;
margin-bottom: 0px;}
.more-info h2{text-align: center;
font-weight: 500;
font-size: 24px;
margin-top: 0px;
color: #c2d408;margin-bottom: 7px}
.more-info h2 a{color:#56565a}
.footer{text-align: center;
margin-top: 25px;
margin-bottom: 25px;
font-size: 15px;
font-weight: 300;}
#org-link{color: #56565a;
text-transform: uppercase;
font-weight: 700;
font-size: 17px;
position: relative;
top:2px}
#foot-email{color:#333333}
.asset-links .wht_btn{padding: 6px 12px;
}
.asset-links .codebox {
    background: white;
    border: 1px solid #bdbfbf;
    padding: 5px;
    box-sizing: border-box;
    font-size: 12px;
    word-wrap: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    overflow: auto;
    height: 70px;
    display: none;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 400;
    margin: 8px auto;
    float: none
}
.asset-links{margin-bottom: 10px}