/*********************************************************************************/
/* Below 960px                                                                   */
/*********************************************************************************/
@media (max-width: 960px) { 

	.wrapper {
		max-width: 940px;
		margin: 0 auto;	
	}
	
	#header #logowrapper {
		margin-left: 1%;
	}
	#header #contactwrapper {
		margin-right: 1%;
	}
	
	.slicknav_menu {
		display: block;
	}
	#menuwrapper {
		background: none;
		text-align: center;
	}
	
	#menu {
		display: none;
	}
	.contentwrapper {
		width: 98%;
		margin: 0 1% 2rem 1%;
	}
	.rightcontentwrapper .haveyoursay .title p {
		font-size: 1.5rem;
	}
	#footerwrapper {
		width: 98%;
		margin: 2rem 1% 1rem 1%;
	}
	#footerwrapper #creditswrapper #copyright,
	#footerwrapper #creditswrapper #webcredit,
	#footerwrapper #socialmedia {
		width: 98%;
		margin: 1rem 1%;
		text-align: center;
	}
	#footerwrapper #footlogowrapper .logoleft, 
	#footerwrapper #footlogowrapper .logoright {
		float: none;
		width: 100%;
		display: block;
		text-align: center;
	}
	#footerwrapper #footlogowrapper .logoleft img, 
	#footerwrapper #footlogowrapper .logoright img,
	#footerwrapper #socialmedia img {
		float: none;
		display: inline-block;
		margin: 0 5px;
	}
	#footerwrapper #socialmedia h1 {
		text-align: center;
	}
}

/*********************************************************************************/
/* Below 750px                                                                   */
/*********************************************************************************/
@media (max-width: 750px) { 
	
	#titlewrapper h1 {
		font-size: 1.5rem;
	}
	#titlewrapper h2 {
		font-size: 1.25rem;
	}
	#slides.googleMapLeft,
	#slidesright.googleMap {
		width: 100%;
	}
	#slidesright.googleMap {
		margin: 10px 0 0 0;
	}
	.leftcontentwrapper,
	.rightcontentwrapper {
		width: 100%;
		margin: 1rem 0;
	}
	.contentwrapper {
		width: 96%;
		margin: 0 2% 2rem 2%;
	}

}


/*********************************************************************************/
/* Below 550px                                                                   */
/*********************************************************************************/
@media (max-width: 550px) { 

	#header {
		height: auto;
	}
	#header #logowrapper {
		width: 150px;
		height: 120px;
		display: block;
		float: none;
		background-size: cover;
		background-position: center center;
		margin: 1rem auto 0 auto;
		background-repeat: no-repeat;
	}
	#header #contactwrapper {
		float: right;
		min-width: inherit;
		height: auto;
		background: none;
		text-align: center;
		width: 100%;
	}
	#header #contactwrapper #contact {
		font-family: 'Lato', sans-serif;
		width: 100%;
		margin: 1rem 0;
		text-align: center;
	}
	.leftcontentwrapper p,
	.leftcontentwrapper .standfirst {
		font-size: .875rem;
		text-align: left;
	}
	#quoteformwrapper label {
		font-size: .875rem;
	}

}