body {  	
		padding: 0;
		margin: 0;
		background-color: #052541;
		color: #fff;
		font-size: 62.5%;				
		}
                         	
.breaker {
	clear: both;
	}
	 

#orderbutton:hover {
background-color: #547d82!important;
}
	

@media all and (min-width: 850px) {

	#header {
		width: 100%; height: 106px; background-color: #fff; border-bottom: #d57250 solid 4px; position: relative;
		}
	#logo {
		position: absolute; top: 8px; left: 25px;
		}
	#orderbutton {
		position: absolute; top: 35px; right: 25px;
		}
	#content {
		padding: 60px 40px; background-image: url(../images/background.jpg); background-size: cover; background-position: center; text-align: center;
		}
	#logo2 {
		display: block; margin: 0 auto 30px auto;
		}
	#line1 {
		color: #94bdc2; 
		font-family: "Roboto Slab", serif; 
		font-size: 55px!important; 
		font-weight: 100!important; 
		text-align: center; 
		margin: 0!important; 
		padding: 0!important;
		}
	#line2 {
		color: #fff; font-family: "Roboto", serif; font-size: 31px; max-width: 1060px; margin: 10px auto 20px auto; font-weight: 100;
		}
	#line3 {
		color: #f8ead8; font-family: "Roboto Slab", serif; font-size: 20px; max-width: 1150px; margin: 30px auto; font-weight: 100;
		}
	#footer {
		padding: 25px; text-align: center;
		}
	#copyright {
		float: left; color: #a0b7d8; font-family: "Roboto Slab", serif; font-size: 15.5px; padding-top: 3px;
		}
	#copyright a {
		color: #a0b7d8; text-decoration: none;
		}
	.social {
		float: right; vertical-align: middle;
		}

	 }



@media all and (min-width: 500px) and (max-width: 849px) {

	/*#header {
		width: 100%; height: 166px; background-color: #fff; border-bottom: #d57250 solid 4px; position: relative;
		}
	#logo {
		position: absolute; 
		top: 20px;
		left: 50%;
		margin-left: -40%;
		width: 80%;
		height: auto;
		}
	#orderbutton {
		position: absolute; bottom: 20px;
		left: 50%;
		margin-left: -78px;
		}
	*/	
	#header {
		width: 100%; height: 55px; background-color: #fff; border-bottom: #d57250 solid 4px; position: relative;
		}
	#logo {
		display: none!important;
		}
	#orderbutton {
		position: absolute; top: 9px;
		left: 50%;
		margin-left: -78px;
		}		
		
	#content {
		padding: 60px 40px; background-image: url(../images/background.jpg); background-size: cover; background-position: center; text-align: center;
		}
	#logo2 {
		display: block; margin: 0 auto 30px auto;
		max-width: 40%;
		height: auto;
		}
	#line1 {
		color: #94bdc2; 
		font-family: "Roboto Slab", serif; 
		font-size: 50px!important; 
		font-weight: 100!important; 
		text-align: center; 
		margin: 0!important; 
		line-height: 1.1em;
		padding: 0!important;
		text-shadow: 1px 1px 4px #000;
		}
	#line2 {
		color: #fff; text-shadow: 1px 1px 4px #000; font-family: "Roboto", serif; font-size: 25px;
		max-width: 90%; margin: 10px auto 20px auto; font-weight: 100;
		}
	#line3 {
		color: #f8ead8; text-shadow: 1px 1px 4px #000; font-family: "Roboto Slab", serif; font-size: 18px; 
		max-width: 95%; margin: 30px auto; font-weight: 100;
		}
	#footer {
		padding: 25px; text-align: center;
		}
	#copyright {
		float: left; text-align: left; color: #a0b7d8; font-family: "Roboto Slab", serif; font-size: 12px; padding-top: 3px;
		}
	#copyright a {
		color: #a0b7d8; text-decoration: none;
		}
	.social {
		float: right; vertical-align: middle;
		}
	.mobilehide {
		display: none;
		}
	.mobileblock {
		display: block;
		margin-bottom: 20px;
		}

	}




@media all and (min-width: 200px) and (max-width: 499px) {

	#header {
		width: 100%; height: 55px; background-color: #fff; border-bottom: #d57250 solid 4px; position: relative;
		}
	#logo {
		display: none!important;
		}
	#orderbutton {
		position: absolute; top: 9px;
		left: 50%;
		margin-left: -78px;
		}
	#content {
		padding: 60px 40px; background-image: url(../images/background.jpg); background-size: cover; background-position: center; text-align: center;
		}
	#logo2 {
		display: block; margin: 0 auto 30px auto;
		max-width: 98%;
		height: auto;
		}
	#line1 {
		color: #94bdc2; 
		font-family: "Roboto Slab", serif; 
		font-size: 48px!important; 
		font-weight: 100!important; 
		text-align: center; 
		margin: 0!important; 
		line-height: 1.1em;
		padding: 0!important;
		text-shadow: 0 0 8px #000;
		}
	#line2 {
		color: #fff; text-shadow: 0 0 8px #000; font-family: "Roboto", serif; font-size: 25px;
		max-width: 98%; margin: 10px auto 20px auto; font-weight: 100;
		}
	#line3 {
		color: #f8ead8; text-shadow: 0 0 8px #000; font-family: "Roboto Slab", serif; font-size: 18px; 
		max-width: 98%; margin: 30px auto; font-weight: 100;
		}
	#footer {
		padding: 25px; text-align: center;
		}
	#copyright {
		text-align: center; color: #a0b7d8; font-family: "Roboto Slab", serif; font-size: 12px; padding-top: 3px;
		display: block;
		margin: 0 auto;
		}
	#copyright a {
		color: #a0b7d8; text-decoration: none;
		}
	.social {
		display: inline-block;
		vertical-align: middle;
		}
	.mobilehide {
		display: none;
		}
	.mobileblock {
		display: block;
		margin-bottom: 20px;
		}

	}