/**************************************************************************
smaller than 1040
***************************************************************************/
@media screen and (max-width: 1040px) {

	body {
		padding: 25px;
	}

	div#toastbackground {
		border: 0px orange solid;
		width: 75%;
	}

	div#toastright {
		border: 0px green solid;
		float: left;
		width: 100%;
	}

	div#background {
		width: 95%;
	}

	div#contact_text {
		padding: 10px;
		border: 0px green dotted;
		width: 45%;
		float: left;
	}
	
	div#menu_text {
		padding: 10px;
		border: 0px green dotted;
		width: 45%;
		float: left;
	}
	
	div#menus {
		padding: 0px;
	}

	div#footer {
		width: 100%;
	}

}

/**************************************************************************
smaller than 960  ***************** iPad
***************************************************************************/
@media screen and (max-width: 960px) {

	body {
		padding: 15px 25px 15px 15px;
	}

	div#logo {
		padding: 0px;
	}

}
 
/**************************************************************************
smaller than 765
***************************************************************************/
@media screen and (max-width: 765px) {

	body {
		padding: 10px 15px 10px 10px;
	}

}

/**************************************************************************
smaller than 570
***************************************************************************/
@media screen and (max-width: 570px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	body {
		padding: 5px 5px 5px 5px;
	}

	div#background {
		width: 95%;
		padding: 5px;
		margin: 5px auto;
		border: 1px solid #797769;
		/* border radius */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	div#contact_text {
		padding-top: 0px;
		border: 0px green dotted;
		width: 95%;
		float: left;
	}
	
	div#menu_text {
		padding-top: 25px;
		border: 0px green dotted;
		width: 95%;
		float: left;
	}
	
}