html, body {
	font-family: 'Lato', sans-serif;
}

body.centered article.content {
	width: 100%;
	text-align: center;
}

article.content img {
	max-width: 100%;
  	height: auto;
	margin: 1em auto;
}

article.content a {
	word-wrap: break-word;
}


article.content video {
	width: 100%;
	max-width: 100%;
	margin: 10 1em;
	background-color: #000000;
} 


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 550px){
	#header h1 {
		width: 50%
	}

	#header nav {
		width: 50%;
		padding-top: 10px;
		line-height: 1.4em;
		text-align: right;
	}
	#header nav > ul > li a.icon:before {
		content: '';
	}
}

@media screen and (max-width: 736px) {
  	.poptrox-popup:before {
    	display: block !important; 
    }
  	.poptrox-popup .caption {
    	display: block !important; 
	}
	.poptrox-popup .closer,
	.poptrox-popup .nav-previous,
	.poptrox-popup .nav-next {
    	display: block !important; 
	} 
}