article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,time,root {display:block}
body, html {margin:0;padding: 0;width: 100%;height: 100%;}
body {font-size: 100%;font-family: Geneva, Tahoma, sans-serif;-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased;color:#fff;font-family: 'Lato', Tahoma, sans-serif;line-height: 1.25em;}
img {max-width: 100%;display:block;height: auto;border: 0;outline: 0;}
.clear {clear:both;overflow: hidden;}

#header {position: absolute;top:0;left:0;z-index: 10;}
.logo {margin:20px;display: block;}

.mobile-menu {width:34px;height: 22px;position: fixed;top:0;right:0;bottom: 0;left: 0;margin: auto 20px;cursor: pointer;z-index: 11;}

#nav {position: fixed;top:0;left:-230px;width:230px;height: 100%;background: #292929;display: table;}
.nav-holder {display: table-cell;vertical-align: middle;}
#nav .logo {float: right;margin-right: 22px;opacity: 0.4;}
#nav ul {margin:20px 7px;padding: 0;list-style: none;clear: both;overflow: hidden;line-height: 1.5em;}
#nav ul li {margin:0;padding: 0;position: relative;}
#nav ul li .touch-button {position: absolute;right: 0;top:0;font-size: 0.75em;cursor: pointer;}
#nav ul li a {text-decoration: none;color: white;text-transform: uppercase;display: block;text-align: right;padding-right: 20px}
#nav ul li ul {display: none;margin:10px 0;}
.menued {position: absolute;top:0;right: 0;bottom: 0;left:0;width:100%;height:100%;z-index: 9999999;display: none;}

#holder {background-color: #292929;position: relative;top:0;left:0;width:100%;height: 100%;z-index: 1;display: table;}
#holder.light {background-color: #f4f5f0;}
#holder.light h1 {color: #ff2544;font-weight: 400;}

#gallery {position: absolute;top:0;left:0;width:100%;height:100%;border:0;}
#slider {z-index: 1;width:100%;}
#slider .slide {width:100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;bottom:0;right:0;margin:auto;color: white;text-decoration: none;text-align: center;white-space: nowrap;}
#slider .slide:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
#slider .slide h1 {text-transform: uppercase;font-size: 1.75em;line-height: 1.125em;vertical-align: middle;display: inline-block;white-space: normal;margin:0 60px;}

#article {overflow: hidden;text-align: center;padding-top:70px;display: table-cell;vertical-align: middle;}
#article h1 {text-transform: uppercase;font-size: 2.25em;font-weight: 300;margin: 25px 0 25px 0;color: #747474;}
#article a.category {display: inline-block;width:60%;clear:both;color: white;text-transform: uppercase;font-weight: 300;text-decoration: none;margin-bottom: 2em;font-size: 1.5em;cursor: pointer;}
#article a.category:hover,#article a.entry:hover {opacity: 0.7;}

#article span.image {
    height:200px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 10px;
}
#article a.entry span.image {background-position: right center;}
#article a.entry.right span.image {background-position: left center;}
#article a.entry {text-align: right;display: inline-block;width:60%;text-transform: uppercase;font-weight: 400;text-decoration: none;margin-bottom: 2em;font-size: 1.5em;}
#article a.entry.right {text-align: left;}
#article a.entry {color: #2d6388;cursor: pointer;}
#article a.entry .date {color: #9f9f9f;font-style: italic;font-size: 0.625em;display: block;text-transform: initial;}
#article .entry-date {color: #9f9f9f;font-style: italic;display: block;}
#article .entry-title {margin-bottom: 10px;font-size: 2em;}

#article .text {display: inline-block;margin:20px 70px;}
#article .text .text-holder {position: relative;}
#article .text .border {border-left: solid 1px #c5c5c5;border-right: solid 1px #c5c5c5;width:100%;height: 100%;position: absolute;top:0;left:0;}
#article .text p {color: #333;margin: 20px;font-size: 0.875em;}
#article .text img {display: inline-block;width:100%;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
        width:80%;
        margin:0 auto;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width:730px){
.holder {margin-top:90px;}
    #article {padding-top: 0;}
    #article h1 {margin: 25px 0 60px 0;}
    #article a.category {width:35%;}
    #article a.category.right {margin-left:20px;}
    #article a.entry {width:45%;margin-bottom: 90px;}
    #article a.entry.right {position: relative;top:80px;margin-left:20px;}
    .holder.title {position: absolute;top:0;width:100%;margin-top:0px;}
    #slider .slide h1 {font-size: 2em;}
    #article .entry-title {font-size: 2.125em;}
    #article .text p {font-size: 1em;}
}