@import url("hamburgers.css");

/* Mobile Phones Portrait */
@media screen and (min-width: 1px) and (max-width: 640px){
	
#banner {
	display: none;
}

#header {
	background-color: #34495e;
	color: #ffffff;
}

#header a {
	color: #ffffff;
	text-decoration: none;
}

#header-title {
	display: block;
}

#page-title {
	font-size: 24px;
}

#navigation {
	display: none;
}

#navigation-mobile {	
	display: block;
}

#navigation-mobile-header {
	font-size: 24px;
}

#navigation-mobile .nav-button {
	display: none;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 24px;
}

#navigation-mobile .nav-button.show {
	display: block;
}

#main-image {
	display: none;
}

div.media.player {
	margin-bottom: 50px;
	padding: 20px 5px 20px 5px;
}

.float-container-reverse {
	display: flex;
	flex-direction: column-reverse;
}

.content-main-column-wide {
	width: 100%;
}

.content-main-column-narrow {
	width: 100%;
}

.content-main-tile, .content-main-tile-wide {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.content-side-block {
	margin-left: auto;
	margin-right: auto;
}

}