body

{

	background-color: white;

	overflow-x: hidden;

	margin: 0;

	background-color: white;

	width: auto;

	height: auto;

	min-width: 320px;

}



#blue1{

	z-index: 1;

	display: block;

	background-color: #002845;

	height: auto;

	width: 100%;

}



#blocblue{

	z-index: -1;

	background-color: #001727;

	height: auto;

	width: 100%;

}



#logo{

	z-index: 2;

	padding-top: 2%;

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 367px;

	height: 127px;



}



#banner1

{

	background-color: #001727;

}



#menu {

	width: 100%;

	height: auto;

	position: relative;

	text-align: center;

}



#menu a {

	color: #518cb8;

	font-size: 140%;

    text-decoration: none;

    text-align: center;

    font-family: calibri;

    padding: 0% 1%;

    word-wrap: normal;

    display: inline-block;



}



#menu a{

	transition-duration: 300ms;

}

#menu a:hover {

	color: #f6d68f;

}


::-webkit-scrollbar

{

	width: 8px;

	background-color: #333752;

}



::-webkit-scrollbar-thumb{

	border-radius: 10px;

	background-color: #4464BF;

}





@media(max-width: 650px)



{ 



	#blue1{

	z-index: 1;

	display: block;

	background-color: #002845;

	height: 2%;

	width: 100%;

}



#menu {

	width: 100%;

	height: auto;

	position: relative;

	text-align: center;

}



#menu a {

	color: #518cb8;

	font-size: 100%;

    text-decoration: none;

    text-align: center;

    font-family: calibri;

    padding: 0% 15%;

    line-height: 200%;

    word-wrap: normal;

    display: inline-block;



}



#logo{

	z-index: 2;

	padding-top: 2%;

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 183px;

	height: 63px;



}



#blocblue{

	z-index: -1;

	background-color: #001727;

	height: auto;

	width: 100%;

}