@import url("reset.css") screen;
@import url("text.css") screen;
@import url("print.css") print;

@media screen and (max-width: 620px)
{
	#header_wrapper
	{
		padding-left:5% !important;
		padding-right:5% !important;
	}
	
	#site_title p
	{
		font-size:20px !important;
	}

	#navigation_mobile
	{
		display:flex !important;
		margin-left:auto;
		overflow:hidden !important;
		height:100px;
		justify-content:center;
		align-items:center;
	}
	
	#navigation_mobile ul
	{
		display: inline;
		list-style-type: none;
		margin-bottom:0px !important;
	}
	
	#navigation_mobile li
	{
		float:left;
		margin-left:5px;
		margin-right:5px;
	}
	
	#navigation_mobile li:last-child
	{
		float:left;
		margin-left:5px;
		margin-right:5px;
	}
	
	#navigation
	{
		display:none !important;
	}
	
	.button_mobile
	{
	  align-items: center;
	  background-color: #fff;
	  border: 2px solid #00417b;
	  box-sizing: border-box;
	  color: #00417b;
	  cursor: pointer;
	  display: inline-flex;
	  fill: #000;
	  font-family: Inter,sans-serif;
	  font-size: 14px;
	  font-weight: 600;
	  height: 48px;
	  justify-content: center;
	  letter-spacing: -.8px;
	  line-height: 24px;
	  min-width: 80px;
	  outline: 0;
	  padding: 0 17px;
	  text-align: center;
	  text-decoration: none;
	  transition: all .3s;
	  user-select: none;
	  -webkit-user-select: none;
	  touch-action: manipulation;
	}
	
	.button_mobile:focus 
	{
	  color: #007a58;
	}
	
	.button_mobile:hover 
	{
	  border-color: #007a58;
	  color: #007a58;
	  fill: #007a58;
	}
	/*
	#navigation ul li:hover a
	{
		color:inherit;
	}
	*/
	.button_mobile:active 
	{
	  border-color: #007a58;
	  color: #007a58;
	  fill: #007a58;
	}
	
	#main
	{
		padding-left:5% !important;
		padding-right:5% !important;
	}
	
	#content
	{
		width:90%!important;
		margin-bottom:50px !important;
	}
	
	#content a:link
	{
		color:#007a58;
	}
	
	#news
	{
		float:left !important;
		width:90%!important;
		margin-bottom:20px !important;
		height:auto !important;
	}
}

@font-face
{
	font-display:fallback;
	font-family:akshar;
	font-style:normal;
	src:url('../font/akshar_regular.woff2') format('woff2');
}

html, head, body 
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}

#header_wrapper
{
	font-family:akshar;
	background-color:#FFF;
	height:120px;
	margin:0px;
	padding-left:5%;
	padding-right:5%;
	display:flex;
	align-items:center;
	position:relative;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

#logo
{
	margin-left:0px;
}

#logo img
{
	width:100px;
	height:100px;
}

#site_title
{
	font-size:26px;
	font-weight:bold;
	margin-left:20px;
	line-height:30px;
	color:#00417b;
}

#navigation
{
	margin-left:auto;
}

#navigation ul
{
	display: inline;
	list-style-type: none;
}

#navigation li
{
	float:left;
	margin-left:0px;
	margin-right:20px;
}

#navigation li:last-child
{
	float:left;
	margin-left:0px;
	margin-right:0px;
}

#navigation_mobile
{
	display:none;
}

.button
{
  align-items: center;
  background-color: #fff;
  border: 2px solid #00417b;
  box-sizing: border-box;
  color: #00417b;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 140px;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button:focus 
{
  color: #007a58;
}

.button:hover 
{
  border-color: #007a58;
  color: #007a58;
  fill: #007a58;
}
/*
#navigation ul li:hover a
{
	color:inherit;
}
*/
.button:active 
{
  border-color: #007a58;
  color: #007a58;
  fill: #007a58;
}

#main
{
	font-family:akshar;
	background: radial-gradient(ellipse at center, rgba(0,65,123,1) 0%,rgba(40,42,129,1) 100%);
	min-height:820px;
	height:auto;
	overflow:hidden;
	padding-left:5%;
	padding-right:5%;
	padding-top:70px;
	padding-bottom:40px;
}

#content
{
	background-color:#FFF;
	border-bottom:5px solid #007a58;
	float:left;
	width:48%;
	height:auto;
	padding:20px;
	text-align:left;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

#news
{
	background-color:#FFF;
	border-bottom:5px solid #007a58;
	float:right;
	width:41%;
	height:700px;
	padding:20px;
	text-align:center;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}