/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { 
	background-image: url('../img/bgBodyTop.png');
	background-repeat: repeat-x;
	background-size: auto auto;
}

header.site-header {

	background-color: #263a8c;
	border-top: 2px solid #b69859;
	border-bottom: 2px solid #b69859;
	margin-bottom: 30px;
}

header.site-header h1 {
	width: 253px;
	height: 72px;
	display: block;
	text-indent: -99999px;
	background-image: url('../img/logoPelton.png');
	background-repeat: no-repeat;
	background-size: 253px 72px;
	margin: 0 auto;
}

p {
	font-size: 1.2em;
}

.mainText {
	margin-bottom: 20px;
}

.mainText p {
	font-size: 1.4em;
}

.mainText .address h2 {
	color: #263a8c;
	font-size: 1.2em;
	font-weight: bold;
}

.mainText .address p {
	font-size: 1.2em;
}

.imgWrap img {
	max-width: 100%;
	height: auto;
}

.services {
	margin-top: 45px;
	border-top: 2px solid #b69859;
}

.services ul {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	margin-top: 18px;
}

.services ul li {
	 color: #263a8c;
	 font-size: 1.2em;
	 margin-bottom: 4px;
}

a.gavLogo {
	outline: 0;
	/*width: 295px;*/
	width: 155px;
	/*height: 47px;*/
	height: 111px;
	display: block;
	text-indent: -99999px;
	/*background-image: url('../img/logoGauvreau.png');*/
	background-image: url('../img/okeefe.png');
	background-repeat: no-repeat;
	background-size: 295px 47px;
	margin: 30px auto;
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 600px){
	
}

@media screen and (min-width: 768px) {

	header.site-header {
		margin-top: 40px;
		margin-bottom: 50px;
	}

	.mainText { float: right; 
		padding-left: 40px;
		background-image: url('../img/iconArrow.png');
		background-repeat: no-repeat;
		background-size: 29px 78px;
		background-position: top left;
	}
	.imgWrap { float: left; }
}

@media screen and (min-width: 1024px) {

	
	header.site-header {
		margin-top: 48px;
	}

	p.intro {
		margin-top: 15px;
	}

	.services {
		margin-top: 60px;
	}

	.services li { 
		display: inline; 
		margin-left: 15px;
		margin-right: 15px;
	}

	.pageWrap {
		padding: 0 22px;
	}

	.mainText {
		padding-left: 50px;
	}
}