.footer_bar {
    width: 840px;
    margin: 20px auto;
    padding: 20px 30px 0 30px;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.footer_bar .logo {
	display: block;
	float: left;
}
.footer_bar p {
	font-size: 12px;
	margin: 3px 0 0 0;
	color: #999;
}
.footer_bar .about {
	width: 40%;
	float: left;
	margin: 0 20px;
}
.footer_bar .about p {
	float: left;
}
.footer_bar .about a {
	float: right;
	font-size: 12px;
	color: #CC6600;
}
.footer_bar .about a:hover {
	color: #000;
}
.footer_bar .contact {
	float: left;
	padding: 0;
}
.footer_bar .tel {
	display: block;
	float: right;
}

@media screen and (max-width: 960px) {
	.footer_bar {
    	width: 700px;
	}
	.footer_bar .logo {
	    width: 15%;
	}
	.footer_bar .about {
		width: 43%;
		margin: 0 2%;
	}
	.footer_bar .tel {
	    width: 16%;
	}
}

@media screen and (max-width: 767px) {
	.footer_bar {
    	width: auto;
	}
	.footer_bar .logo,
	.footer_bar .tel{
	    display: none;
	}
	.footer_bar .about{
		width: 320px;
    	margin: 0 5%;
	}
	.footer_bar .contact{
		margin: 0 5%;
	}
}