/* brand guidelines styles */
#main {max-width: 960px;}

.x-out {color: #000; position: absolute; z-index: 99; top: -20px;}
.vert {transform: rotate(-90deg);}

@media (min-width: 576px) {
	.colorblock {height: 100%!important;}
}

.colorblock.gray {background: #beb9a6;}
.colorblock.gray-90 {background: rgba(190,185,166,.9);}
.colorblock.gray-80 {background: rgba(190,185,166,.8);}
.colorblock.gray-70 {background: rgba(190,185,166,.7);}
.colorblock.gray-60 {background: rgba(190,185,166,.6);}
.colorblock.gray-50 {background: rgba(190,185,166,.5);}
.colorblock.gray-40 {background: rgba(190,185,166,.4);}
.colorblock.gray-30 {background: rgba(190,185,166,.3);}
.colorblock.gray-20 {background: rgba(190,185,166,.2);}
.colorblock.gray-10 {background: rgba(190,185,166,.1);}
.colorblock.gold {background: #c59217; color: #fff;}
.colorblock.gold-90 {background: rgba(197,146,23,.9);}
.colorblock.gold-80 {background: rgba(197,146,23,.8);}
.colorblock.gold-70 {background: rgba(197,146,23,.7);}
.colorblock.gold-60 {background: rgba(197,146,23,.6);}
.colorblock.gold-50 {background: rgba(197,146,23,.5);}
.colorblock.gold-40 {background: rgba(197,146,23,.4);}
.colorblock.gold-30 {background: rgba(197,146,23,.3);}
.colorblock.gold-20 {background: rgba(197,146,23,.2);}
.colorblock.gold-10 {background: rgba(197,146,23,.1);}
.colorblock.purple {background: #532e60; color: #fff;}
.colorblock.purple-90 {background: rgba(83,46,96,.9);}
.colorblock.purple-80 {background: rgba(83,46,96,.8);}
.colorblock.purple-70 {background: rgba(83,46,96,.7);}
.colorblock.purple-60 {background: rgba(83,46,96,.6);}
.colorblock.purple-50 {background: rgba(83,46,96,.5);}
.colorblock.purple-40 {background: rgba(83,46,96,.4);}
.colorblock.purple-30 {background: rgba(83,46,96,.3);}
.colorblock.purple-20 {background: rgba(83,46,96,.2);}
.colorblock.purple-10 {background: rgba(83,46,96,.1);}
.colorblock.blue {background: #00549f; color: #fff;}
.colorblock.blue-90 {background: rgba(0,84,159,.9);}
.colorblock.blue-80 {background: rgba(0,84,159,.8);}
.colorblock.blue-70 {background: rgba(0,84,159,.7);}
.colorblock.blue-60 {background: rgba(0,84,159,.6);}
.colorblock.blue-50 {background: rgba(0,84,159,.5);}
.colorblock.blue-40 {background: rgba(0,84,159,.4);}
.colorblock.blue-30 {background: rgba(0,84,159,.3);}
.colorblock.blue-20 {background: rgba(0,84,159,.2);}
.colorblock.blue-10 {background: rgba(0,84,159,.1);}
.colorblock.teal {background: #00b588; color: #fff;}
.colorblock.teal-90 {background: rgba(0,181,136,.9);}
.colorblock.teal-80 {background: rgba(0,181,136,.8);}
.colorblock.teal-70 {background: rgba(0,181,136,.7);}
.colorblock.teal-60 {background: rgba(0,181,136,.6);}
.colorblock.teal-50 {background: rgba(0,181,136,.5);}
.colorblock.teal-40 {background: rgba(0,181,136,.4);}
.colorblock.teal-30 {background: rgba(0,181,136,.3);}
.colorblock.teal-20 {background: rgba(0,181,136,.2);}
.colorblock.teal-10 {background: rgba(0,181,136,.1);}