body
{
	background: #FFF;
}

#container
{
}

h1
{
	font-size: 34px;
}

h2
{
	font-size: 18px;
}

#wrapper
{
	width: 100%;
	margin-top: 0px;
}



h1, h2
{
	color: #FFF;
	text-align: center;
}


#header_b
{
	position: fixed;
	background: rgba(1, 51, 102, 0.7);
	z-index: 100;
	width: 100%;
	display: block;
	top: 0px;
	left: 0px;
	padding: 12px 0px;
}

#header_b a 
{
	color: #FFF;
}

#bg_filler_b
{
	position: absolute;
	z-index: -1;
	left: 0px; top: 0px;
	width: 100%;
	background-image: url('/pub/img/bg-min.webp');

	background-size: cover;
	height: 340px;
	padding-top: 160px;


	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);

}

#container_middle_b 
{
	height: 340px;
	padding-top: 160px;
	background: #41658a;
	    background: rgb(0 7 54 / 63%);
}

#container_inner_b,#features_b,#old_feature_text, #header_menu_b
{
	width: 70%;
	display: block;
	margin: 0 auto;
}

#header_menu_b
{
	color: #FFF;
}

#features_b
{

}

#under_container_b
{
	width: 50%;
	display: block;
	margin: 0 auto;
	margin-bottom: 300px;
}

#logo
{
}


#totop
{
	text-align: center;
    padding: 15px 0px;
    background: #fff;
    margin-top: 10px;
}

#totop:hover
{
	cursor: pointer;
	    background: #4d7094;
	    color: #FFF;
}


@media all and (max-width: 1020px)
{
	#container_inner_b,#features_b,#old_feature_text, #header_menu_b
	{
		width: 96%
	}

	#under_container_b
	{
		width: 90%;
	}

	#old_feature_text
	{
		font-size: 16px;
	}

	#container_middle_b,#bg_filler_b
	{
		height: 300px;
		padding-top: 100px;
	}
}



@media all and (max-width: 600px)
{
	h1
	{
		font-size: 24px;
	}

	h2 
	{
		font-size: 16px;
	}
}