.footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

 .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

 .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

 .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

 .footer-center p a{
	color:  #5383d3;
	text-decoration: none;;
}




.footer-icons{
	margin-top: 25px;
}

 .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}






.footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}





.footer .footeritem{

display: inline-block;
vertical-align:top;

}

.footer-left{
width:50%;
padding-right:15px;
}

.footer-center{
width:43%;
}

.footer{
background-color:#292c2f;
padding:20px 20px 10px 20px;
clear:both
}

.footer h1{
color:#fff;
font-size:16px;
line-height:23px;
}

.footer p{
color:#92999f;
font-size:14px;
line-height:23px;
}



@media (max-width: 760px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footeritem
	{
		display: block;
		width: 100%;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}



.widget_container{
float:none;
width:100%;

}

.content{
width:100%;
}

h1{
font-size:20px;
}

h2{
font-size:16px;
}


p{
font-size:14px;

}


.navi ul li a{
font-size:14px;
}



.list_container, .news_article, .content_wrapper{
padding:30px;
}


}





.reframe { max-width: 96%; margin: 0 auto; }







@media only screen and (min-width: 320px) {
        .stripe1{font-size:10px;}
.stripe2, .stripe3{height:5px;}



@media only screen and (min-width: 760px) {
        .stripe1{font-size:10px;}
.stripe2, .stripe3{height:5px;}
}
	

@media only screen and (min-width: 980px)  {
        .stripe1{font-size:12px;}
        .stripe2, .stripe3{height:10px;}
}

@media only screen and (min-width: 1200px)  {
        .stripe1{font-size:14px;}
        .stripe2, .stripe3{height:10px;}


}