#menu_button {
	font-size: 37px;	
	color: #555;
	float: right;
	padding: 10px;
	display: none;
	position: absolute;
	top: 2px;
	right: 4px;
}

/* 1260px */
@media screen and (max-width: 1260px) {

}

@media screen and (max-width: 1259px) {

}

/* 1024px */
@media screen and (max-width: 1024px) {

	#nav li a:hover {
		text-decoration: none;
	}

}

@media screen and (max-width: 1023px) {

	#logo {
		width: 35%;	
	}
	
	#nav {
		width: 65%;	
		padding: 69px 0 0;
	}

	#nav li {
		padding-left: 11px;	
	}
	
	#nav li:first-child {
		padding: 0;	
	}

}

/* 900px */
@media screen and (max-width: 900px) {

	#logo {
		padding-top: 49px;	
	}
	
	#nav li {
		padding-left: 10px;
	}

}

@media screen and (max-width: 899px) {

	#logo {
		font-size: 20px;
		padding: 43px 0 0;
	}

	#nav li {
		padding-left: 10px;	
	}

}

/* 865px */
@media screen and (max-width: 865px) {

	#logo {
		padding-top: 50px;	
	}
	
}

@media screen and (max-width: 864px) {

	#logo {
		width: 40%;
	}

	#nav {
		width: 60%;
		padding: 0;
		display: none;	
	}
	
	#menu_button {
		display: block;	
	}

}

/* 768px */
@media screen and (max-width: 768px) {

	#logo {
		padding-top: 45px;	
	}

}

@media screen and (max-width: 767px) {

}

/* 750px */
@media screen and (max-width: 750px) {

	#main h1 {
		font-size: 20px;	
	}

}

@media screen and (max-width: 749px) {

}

/* 736px */
@media screen and (max-width: 736px) {	
	
}

@media screen and (max-width: 735px) {	
	
}

/* 667px */
@media screen and (max-width: 667px) {	
	
	#logo {
		padding-top: 50px;	
	}
	
}

@media screen and (max-width: 666px) {	
	
	header .top {
		height: auto;	
	}
	
	header #logo .image {
		display: none;	
	}
	
	header #logo .text {
		display: block;	
		font-size: 1.4em;
	}
	
	header .container {
		padding: 0;	
	}
	
	#logo {
		text-align: center;
		padding-bottom: 12px;
	}
	
	
	#logo {
		width: 100%;	
		padding-top: 10px;
	}
	
	.header-image img {
		border: 5px solid #fff;	
	}
	
}

/* 640px */
@media screen and (max-width: 640px) {	
	
}

@media screen and (max-width: 639px) {	
	
}

/* 560px */
@media screen and (max-width: 560px) {	
	
	#main {
		padding: 0;	
	}
	
	#main h1 {
		padding-top: 5px;
		font-size: 17px;	
	}

	#main h2 {
		font-size: 15px;
	}

	#main h3 {
		font-size: 14px;
	}
	
	#main #text {
		padding: 0 5px;
	}
	
	#main p,
	#main table {
		font-size: 13px;
		line-height: 180%;
	}

}

@media screen and (max-width: 559px) {	

}

/* 480px */
@media screen and (max-width: 480px) {
	
	#main table td {
		width: 100%;
		display: block;
	}

@media screen and (max-width: 479px) {
	
	#logo {
		font-size: 1.2em;
	}
	
	#main .phone {
		color: #F8981D;
	}
	
}

/* 414px */
@media screen and (max-width: 414px) {

}

@media screen and (max-width: 413px) {

	#menu_button {
		font-size: 30px;	
		padding: 5px;
	}

	footer .container p {
		font-size: 12px;	
	}

}

/* 375px */
@media screen and (max-width: 375px) {

}

@media screen and (max-width: 374px) {

	#logo {
		padding-top: 20px;	
		padding-bottom: 10px;
	}

	footer .container p {
		font-size: 10px;	
	}

}

/* 320px */
@media screen and (max-width: 320px) {

}