@charset "UTF-8";

/* Media Queries */

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

nav, header, footer, div.topcontent, div.content, div.headerimage, div.homecontent, div.homecontent2 {
	width: 100%;
}
nav, header {
	height: auto;
}
div.menus {
	float: left;
	padding: 0;
}
div.menu {
	float: left;
	padding: 0 20px 0 20px;
	height: 50px;
}
.arrow-up {
	display: none;
}
header div.logo {
	padding-right: 20px;
	padding-left: 5px;
}
div.phone, div.email {
	background: none;
	float: none;
	width: 100%;
}
header p, div.phone p, div.email p {
	padding: 16px 0 0 0;
	width: 95%;
	font-size: 1.20em;
}
div.email p {
	padding-top: 0;
}
div.headerimage {
	padding-top: 10px;
}
div.topcontent {
	padding-top: 10px;
}
div.rightcontent {
	padding-right: 10px;
	width: 65%;
}
}



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

div.menus {
	display: none;
}
nav.menus {
	display: none;
}
nav.pushy {
	display: block;
}
div.menu-btn {
	display: block;
	float: right;
	cursor: pointer;
	padding: 18px 6px 0 0;
}
div.menu-btn p {
	padding: 0;
	text-transform: uppercase;
	font-size: 0.60em;
	text-align: center;
}
header p, div.phone p, div.email p {
	font-size: 1.00em;
}
div.phone p {
	padding-top: 20px;
}
div.headerimage {
	margin: 0 auto 10px;
	width: 97%;
}
div.leftcontent {
	width: 28.5%;
	padding-left: 1.5%;
}
div.leftcontent li {
	font-size: 0.80em;
	padding-left: 1px;
}
div.topcontent div.rightcontent h1 {
	font-size: 1.50em;
}
div.topcontent div.rightcontent p:first-of-type {
	font-size: 1.05em;
}
div.contentcontainer div.leftcontent {
	display: none;
}
div.contentcontainer div.rightcontent {
	width: 90%;
	padding: 0 5% 0 5%;
}
img.divider {
	display: none;
}
div.homeleftcontent {
	width: 88%;
	padding-left: 12%;
}
div.homerightcontent {
	width: 94%;
	padding: 0 3% 0 3%;
}
div.homecontentcontainer {
	padding-left: 8%; 
}
div.homecontent2 a.button1, div.homecontent2 a.button2, div.homecontent2 a.button3,
div.homecontent2 a.button1:hover, div.homecontent2 a.button2:hover, div.homecontent2 a.button3:hover {
	width: 100px;
	height: 100px;
	background-size: contain;
}
footer {
	padding: 0 2% 0 2%;
	width: 96%;
}
footer p:last-of-type {
	float: left;
	margin: 20px 0 30px 0;
}
#homeheaderimage {
	display: none;
}
#homeheaderimagemobile {
	width: 97%;
	display: block;
	padding: 12px 1.5% 0 1.5%;
}
div.homemap {
	display: none;
}

}


@media screen and (max-width: 600px) and (min-width: 320px) and (orientation: portrait) {
div.phone p {
	padding: 25px 0 0 0;
	font-size: 0.90em;
}
div.email {
	display: none;
}
div.homerightcontent h1 {
	font-size: 1.60em;
}
div.homerightcontent p:first-of-type {		/* different & bigger font - first paragraph */
	font-size: 1.10em;
}
div.homebuttons {
	width: 350px;
}
div.homemap {
	display: none;
}
.contactform textarea {
	width: 300px;
}
.contactform input {
	width: 300px;
}
footer p {
	font-size: 0.90em;
}
footer div.social {
	width: 100%;
}
}

@media screen and (max-width: 320px) and (orientation: portrait) {
div.homecontentcontainer {
	padding-left: 3%; 
}
}