@charset "utf-8";
/* CSS Document */

body{margin:0px; background:url(images/color.jpg) no-repeat bottom left; background-attachment:fixed; font-family: 'Roboto', sans-serif; font-weight:500; font-size:17px}
b{ font-family: 'Roboto', sans-serif; font-weight:700}
.top_bar{background:#4B3A98; float:left; width:100%; padding:12px 0px; color:#fff;}
.top_bar_inner{ margin:0 auto; padding:0px 20px; max-width:1200px}
.top_bar .name{float:left; font-size:18px}
.top_bar .name span{font-size:14px}
.top_bar .phone{float:right}
.logo{text-align: center; position: absolute; width: 730px; top: 50%; height: 340px; left: 50%; margin-left: -365px; margin-top: -200px;}
img{ max-width:100%; height:auto}
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

@media (max-width:650px)
{
	.top_bar{padding:8px 0px}
	.top_bar .name, .top_bar .phone{width:100%; text-align:center; padding:5px 0px}
	.logo{position:inherit; margin:0px; padding:20px 0; width:100%; left:0px; top:0px; height:auto; float:left}
	.logo p{padding:0px 20px}
	body{ background:none}
}