/* CSS Document */

@media only screen and (max-width: 600px) {
	#menu_mobile a[class="w3-bar-item"] {
		display: block!important;
		text-decoration: none;
		width: 100%;
		background-color: #EBEBEB;
	}
	header div:nth-child(4) {
		text-align: center!important;
	}
	#welcome_text {
		background: #223a5e!important;
		text-align: center;
		height: auto!important;
		padding: 3px 0!important;
	}
	#welcome_text h1 {
		font-size: 1.8em!important;
		line-height: 80%
	}
	#welcome_text h3 {
		font-size: 1.3em!important;
		line-height: 80%
	}
	#welcome_text p {
		font-size: 1em!important;
		line-height: 100%;
	}
	#welcome_text p.ntak {
		margin-top: 0; 
	}
	section, footer {
		padding: 16px 10px!important;
	}
	div.article_container {
		display: flex!important;
		flex-direction: column;
		justify-content: center;
	}
	section#ap_icons div.article_container {
		justify-content: left;
	}
	article {
		padding: 16px!important;
	}
	.article_wider {
		padding: 0!important;
	}
	div.thumbnails {
		margin: 0; 
		display: flex; 
		flex-direction: row;
		flex-wrap: wrap; 
		justify-content: center;
		align-items: center;
	}
	div.thumbnails div.thumbnail {
		/*width: 100%; */
		/*height: 300px; */
		flex: 49.999%;
		margin: 0!important;
		/*margin-top: 5px!important; */
		border: 6px solid white;
		flex-grow: 0;
	}
	div.w3-half.w3-padding {
		padding: 0!important;
	}
	div.program_card div.img_in_article {
		float: none!important;
		width: 100%!important;
	}

	footer.w3-twothird.w3-padding{
		padding: 0!important;
	}
	article.article_flex {
		padding: 0!important;
		padding-bottom: 8px;
	}
	article.article_flex div.guestbook_card_container {
		flex-direction: column;
	}
	article.article_flex div.guestbook_card {
		flex: 100%;
	}
}