body { padding-top: 35px; position: relative;font-size:14px;background:#FFF;font-family: Helvetica, Arial;}
h1{color: #08528C;text-transform: uppercase;font-weight: bold;font-size: 24px}
.wrap{ padding-top:20px;}
footer{margin-top:20px;}
.row{margin:0px;}
.navbar-default {background-color: #FFF;}
.navbar {min-height: 30px;margin-bottom:0px;}
.navbar-nav > li > a {padding-top: 5px;padding-bottom: 0px;text-transform: uppercase;}
.navbar-default .navbar-nav > li > a{border-top: 5px solid #fff;font-size: 16px;text-align:center; padding-left:10px; padding-right:10px;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {background-color: #fff;border-top: 5px solid #028DDA;color: #028DDA;}
.navbar-fixed-top {text-align: center;}.navbar-inner {display: inline-block;}
.navbar-inner li {text-align: left;}
.grid {overflow: hidden;	margin: 0;padding: 0;width: 100%;list-style: none;text-align: center;}
.grid figure {	position: relative;z-index: 1;display: inline-block;overflow: hidden;margin: -0.135em;height: auto;text-align: center;cursor: pointer; height:250px;}
.grid figure img {position: relative;display: block;min-height: 100%;opacity: 1;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure a {	position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,.grid figure p {margin: 0;}
.grid figure p {}
figure.effect-zoe figcaption {top: -10px; vertical-align: middle;bottom: auto;padding: 0px;background: transparent;opacity:0.8;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.15s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
figure.effect-zoe h2 {float: left;}
figure.effect-zoe figcaption > span {float: right;}
figure.effect-zoe p {position: absolute;bottom: 1em;padding: 5px;color: #fff;font-weight:bold;text-transform: none;font-size: 18px;line-height:22px;text-align:left;background:#000 left top;opacity: 0;-webkit-transition: opacity 0.35s;transition: opacity 0.35s; width: 100%; padding-left:40px;padding-right:40px;}
figure.effect-zoe h2,figure.effect-zoe figcaption > span {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,200%,0);transform: translate3d(0,200%,0);}
figure.effect-zoe figcaption > span::before {display: inline-block;padding: 8px 10px;speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
figure.effect-zoe h2 {display: inline-block;}
figure.effect-zoe:hover p {opacity: 1;}
figure.effect-zoe:hover figcaption,figure.effect-zoe:hover h2,figure.effect-zoe:hover figcaption > span {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-zoe:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
figure.effect-zoe:hover figcaption > span:nth-child(4) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
figure.effect-zoe:hover figcaption > span:nth-child(3) {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
figure.effect-zoe:hover figcaption > span:nth-child(2) {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
@media screen and (max-width: 69.5em) {.grid figure {width: 50%;}}
@media screen and (max-width: 41.5em) {.grid figure {width: 100%;}}
.container-head {position: relative;max-width: 1024px; margin: 0 auto;padding:0%;}
.scene {padding: 0;margin: 0;}
.fill {position: absolute;}
.expand-width {width: 100%;}
.aspect {opacity: 0.2;}


