/* CSS Document */

@media only screen and (min-width: 601px) and (max-width: 992px) {
	html, body {
		width: 100%!important;
	}
	header div.w3-third {
		width: 49.995%!important;
		width: 100%!important;
	}
	#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: #112548!important;
		text-align: center;
		height: auto!important;
		padding: 3px 0!important;
	}
	#welcome_text h1 {
		display: inline-block!important;
		font-size: 1.8em!important;
		line-height: 80%
	}
	#welcome_text h3 {
		display: inline-block;
		font-size: 1.3em!important;
		line-height: 80%
	}
	#welcome_text h3::before {
		content: "-";
		display: inline-block;
		margin: 0 8px;
	}
	#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;
		align-items: center;
	}
	section#ap_icons div.w3-third {
		width: 100%!important;
	}
	section#ap_icons div.w3-third div.article_container {
		justify-content: center;
	}
	section#ap_icons div.article_container {
		justify-content: left;
	}
	section#ap_icons div.article_container h2 {
		font-size: 1.5em;
	}
	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 {
		flex: 25%;
		flex-grow: 0;
		/*width: 100%; */
		height: 300px; 
		margin: 0!important;
		/*margin-top: 5px!important; */
		border: 3px solid white;
	}
	div.w3-half.w3-padding {
		padding: 0!important;
	}
	section#programok div.w3-half {
		width: 100%!important;
	}
	div.program_card div.img_in_article {
		/*float: none!important;*/
		/*width: 100%!important;*/
	}
	footer div.w3-third, footer div.w3-twothird {
		width: 49.995%!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%;
	}
}