html, body {
  height: 100%;
}


body {margin: 0;
	font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url(../images/eggshell.png) repeat #2f2f2f;
}
header {text-align: center; padding: 15px 0;}
header h1 {
	color: #fff;
}

header .logo {display: inline-block; width: auto;}
header h1.header-text {display: inline-block; width: auto; vertical-align: top; margin-top: 60px; padding: 0 20px;}

header .logo img {height: 140px; width: auto; padding-top: 15px;}


a .button {padding: 10px; background: rgba(255,255,255,0.3); text-align: center; position: absolute; bottom:0; left: 0; right: 0; color: #000000; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 16px;}

.kwicks-expanded a .button {padding: 10px; background: rgba(255,255,255,0.9);} 

.pagewrap {
	/*position: absolute;
	top: 171px;
	bottom: 15%;
	left: 15%;
	right: 15%;*/
	max-width: 1440px; 
	margin: 0 auto;
	padding: 10px 25px 10px 25px;
}

.kwicks {
	width: 100% !important;
	/*height: 100%;*/
	height: 600px;
	overflow: hidden;
}

.kwicks > li {
	height: 100%;
	/* overridden by kwicks but good for when JavaScript is disabled */
	width: 990px;
	margin-left: 0;
	float: left;
	box-sizing: border-box;
	border: 1px solid #888888;
}

.panel-content {
	padding: 50px 20px 50px 20px;
	display: block;
	text-align: center;
}

.kwicks a {display: block; height: 100%;}

.panel-content h2.logo img {max-width: 350px; height: auto; width: 100%;}

#panel-1 { background: url(../images/bg_exclusivesmashrepairs_bw.jpg) no-repeat center;}
#panel-1.kwicks-expanded  {background: url(../images/bg_exclusivesmashrepairs.jpg) no-repeat center; }

#panel-2 { background: url(../images/bg_exclusiveeventshire_bw.jpg) no-repeat center bottom;}
#panel-2.kwicks-expanded  {background: url(../images/bg_exclusiveeventshire.jpg) no-repeat center bottom; }

#panel-3 { background: url(../images/bg_exclusivepropertymaintenance_bw.jpg) no-repeat center;}
#panel-3.kwicks-expanded  {background: url(../images/bg_exclusivepropertymaintenance.jpg) no-repeat center; }

/*#panel-2.kwicks-expanded  { background-color: #565656; }
#panel-3.kwicks-expanded  { background-color: #565656; }*/


.pagewrap  {
	-webkit-transition: opacity 1.7s ease-in;
	-moz-transition: opacity 1.7s ease-in;
	-o-transition: opacity 1.7s ease-in;
transition: opacity 1.7s ease-in;
}

#panel-1, #panel-2, #panel-3, #panel-1.kwicks-expanded, #panel-2.kwicks-expanded, #panel-3.kwicks-expanded, a .button {
	background-size: cover;
	-webkit-transition: background 0.7s ease-in-out;
	-moz-transition: background 0.7s ease-in-out;
	-o-transition: background 0.7s ease-in-out;
transition: background 0.7s ease-in-out;
}


footer {padding:20px;}

footer p {text-align: center; color: #707070; font-size: 14px; font-weight: 400;}

footer a {color: #707070; text-decoration: none;}
footer a:hover {color: #fff;}

@media screen and (max-width: 768px){
	.kwicks {height: auto !important;}
	.kwicks > li {width: 100% !important; float: none !important; position: relative !important; display: block !important; height: auto !important; left: 0 !important; right: 0 !important;
	border-bottom: 1px solid #fff; margin-bottom: 20px !important;}
	header h1.header-text {margin-top: 10px;}
	.pagewrap {padding: 20px;}
	
	#panel-1, #panel-2, #panel-3 {background-size: cover !important;}
	#panel-1 { background: url(../images/bg_exclusivesmashrepairs.jpg) no-repeat center;}
#panel-2 { background: url(../images/bg_exclusiveeventshire.jpg) no-repeat center bottom;}
#panel-3 { background: url(../images/bg_exclusivepropertymaintenance.jpg) no-repeat center;}
}