/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



/* header */
#header-row { padding: 40px 0; }
#header-row .columns { 
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	}

#top-right-container {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

#top-right-container #top-right { margin-left: 20px; }

#menu-row { }

/* main content */
#title-row {position: absolute; top:-9999px }



/* footer */
.credit { text-align: right; }
.credit a { text-decoration: none; }
.four-columns {
	padding: 20px 0; 
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	}



/*------------------------------------*\
    PAGES
\*------------------------------------*/






/*------------------------------------*\
    IMAGES
\*------------------------------------*/






/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


/* MOBILE */
@media only screen and (max-width:39.9375em) {
	#top-right-container {
    justify-content: center;}
	/* logo */
	#logo img { max-width: 250px; }
	
	#header-row, 
	#header-row .columns { padding: 20px 0; }
	
	
	
	/* items in header, menu & footer should be centered */
	#header-row .columns, #top-right, #logo {
		justify-content: center;
		-webkit-justify-content: center; 
		text-align: center;
	}
	#menu-row nav.menu a { text-align: center; }	
	footer, .copyright, .credit { text-align: center; }

}

/* TABLET */
@media only screen and (min-width:40em) and (max-width:63.9375em) {

}

/* DESKTOP */
@media only screen and (min-width:64em) {

}