/*CSS Document*/
/*MAIN CSS SETTINGS*/
 /**{border: 1px dashed grey;}*/
html { margin: 0; padding: 0; }
body { margin: 10; padding: 10; width: 100%; height: 100%; background-color: white;}
body h1, body h2, body h3, body h4 { font-family: 'Bitter', serif; color: #171717; }
	/*LINK STYLING*/
	 /* unvisited link */
	a:link {
	    color: #171717;
	    text-decoration: none;
	    transition: color .5s ease;
	    -webkit-transition: color .5s ease;
	}
	/* visited link */
	a:visited {
	    color: #5e7a96;
	    text-decoration: none;
	    transition: color .5s ease;
	    -webkit-transition: color .5s ease;
	}
	/* mouse over link */
	a:hover, ::selection {
	    color: #5e7a96;
	    text-decoration: none;
	    -webkit-transition: color .5s; /* Safari */
    	transition: color .5s;
	}
	.menu_area a:hover {
	    color: white;
	    text-decoration: none;
	    -webkit-transition: color .5s; /* Safari */
    	transition: color .5s;
	}
	/* selected link */
	a:active {
	    color: #5e7a96;
	    text-decoration: none;
	    transition: color .5s ease;
	    -webkit-transition: color .5s ease;
	}
	/*END LINK STYLING/*
/*END MAIN SETTINGS CSS*/
/*SCROLLBAR*/
::-webkit-scrollbar-track {visibility: hidden;}
::-webkit-scrollbar {visibility: hidden;}
::-webkit-scrollbar-thumb {visibility: hidden;}
/*SITE ARE*/

/*MENU AREA*/
.current_page {border-bottom: 1px solid #dcd06f;}
.alt_header_mobile {visibility: hidden; visibility: none;}
.flexbox_container img { display: inline; }
.flexbox_container { display: flex; height: 85px; justify-content: space-between; }
.flexbox_item: {}
	.flexbox_item_logo {}
	.flexbox_item_menu { margin: 50px 5vw auto auto; }
	.flexbox_item_menu ul {
		display: inline;
		list-style-type:none;
		font-family: 'Bitter', serif;
		font-size: 130%;
		padding: 10px;
	}
	.flexbox_item_menu ul:hover {background-color: #dcd06f;}
	.flexbox_item_logo img { height: 70px; width: auto; }
	@media screen and (max-width: 321px) {
		.flexbox_item_menu ul{font-size: 18px;}
		.footer_area p {padding-left: auto; padding-right: auto;}
	}
	@media screen and (max-width: 413px) {
		.flexbox_container {flex-direction: column; height: 45vh!important;}
		.flexbox_item_logo img {width: 100%; height: auto;}
		.flexbox_item_menu {width: 100%; height: auto; border-top: 2px solid #AAAAAA; border-bottom: 2px solid #5e7a96;}
		.flexbox_item_menu ul{text-align: center; padding: 10px 10px 10px 10px; padding-top: 10px!important;}
	}
	@media screen and (max-width: 565px) {
		.flexbox_item_menu ul {
			display: inline-block;
			padding-top: 0;
			margin: 0;
		}
		.flexbox_item_menu {text-align: center; margin-top: 20px;}
		.flexbox_container {height: 30vh; width: auto; margin-left: auto; margin-right: auto;}
		.main_header {border: none;}
	}
.line {border-bottom: 1px solid #dcd06f;}

	/*CONTENT AREA*/
#tit1 {text-align: center;}
#descript1 {
	font-size: 120%;
	padding: 0px 10px;
	margin: 0px 10px;
}

@media screen and (max-width: 565px) {
	.footer_area {position: absolute; bottom: 0px;}
}
@media screen and (max-width: 767px) {
	.flexbox_container {height: auto!important;}
	.main_header {visibility: hidden; display: none;}
	.alt_header_mobile {
		visibility: visible;
		display: inline-block;
		background-size: cover;
		height: 50vh;
		width: 100%;

		border-top: 20px solid #dcd06f;
		border-bottom: 20px solid #5e7a96;
	}

		.footer_area p {color: #5e7a96;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.main_header {border-top: 10px solid #dcd06f; border-bottom: 10px solid #5e7a96;}
}


/*FOOTER AREA*/
.footer_area {
	width: 100%;
	text-align: center;
	color: #5e7a96;
	position: fixed;
	bottom: 0px;
}