/*********************************************************   GLOBAL   **********************************************************/
/*******************************************************************************************************************************/
/*************************************************  MOBILE STYLES  - DESKTOP  *************************************************/


@media only screen and (min-width: 320px) and (max-width: 767px) {

 

#content {
	width:90vw;
	margin-left:5%;
	margin-right:auto;
	margin-top:100px;
}

#flyoutMenu {
	left:-100%;
	height:100%;
	width:100%;
}

h1 {
	font-size:26px;	
	color:#21315F;
	margin-bottom:15px;
}

#header {
	height:130px;
	width:100%;
}

#header h2 {
	font-size:20px;
	line-height:150px;
}

#slideshowWrapper {
	max-height:400px;
}

#slideshow {
	max-height:400px;
}

#intro {
	width:100%;
	height:450px;
}

#history {
	padding:20px;
	line-height: 30px;
}


#contactLeft {
	float:left;
	width:100%;
	margin-top:30px;
}


#contactRight {
	margin-top:30px;
	width:80%;
	margin-left:10%;
	text-align: center;
}

#days {
	width:50%;
}

#hours {
	width:50%;
}
h3 {
	width:100%;
	text-align:center;
}


#map {
	width:100%;
	height:200px;
	margin-top:300px;
}


/************************* SERVICES *****************************/

#services {
	margin-top:100px;
	margin-bottom:100px;
}

#servicesColumn1 {
	width:100%;
}

#servicesColumn2 {
	width:100%;
}

.plusBtn {
	width:30px;
	height:30px;
    margin-top:15px;
    margin-left:15px;
}

h2 {
	height:18px;
	font-size:20px;	
	padding-top:20px;
	padding-bottom:20px;
}

.service p {
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
	font-size:14px;
}

/************************* ABOUT *****************************/

#about {
	margin-top:100px;
}

#teamImage {
	height:150px;
}

#personalNote h3 {
	width:100%;
	text-align: center;
	padding-left:0px;
}

#personalNote p {	
	line-height: 30px;
	}

#personalNote {
	width:100%;
	margin-top:150px;
	right:0%;

}

#footerContact {
	width:100%;
	height:50px;
	margin-top:600px;
}

#footerContact li{
	float:none;
	width:100%;
	margin-right:0%;
	margin-top:30px;

}

#footer {
	margin-top:-200px;
	height:400px;
}

}






/*********************************************************   GLOBAL   **********************************************************/
/*******************************************************************************************************************************/
/*************************************************  MOBILE STYLES  - DEVICES  *************************************************/





@media only screen and (min-device-width: 320px)  and (max-device-width: 767px) {

#content {
	width:90vw;
	margin-left:5%;
	margin-right:auto;
	margin-top:100px;
}

#flyoutMenu {
	left:-100%;
	height:100%;
	width:100%;
}

h1 {
	font-size:26px;	
	color:#21315F;
	margin-bottom:15px;
}

#header {
	height:130px;
	width:100%;
}

#header h2 {
	font-size:20px;
	line-height:150px;
}

#slideshowWrapper {
	max-height:400px;
}

#slideshow {
	max-height:400px;
}

#intro {
	width:100%;
	height:450px;
}

#history {
	padding:20px;
	line-height: 30px;
}


#contactLeft {
	float:left;
	width:100%;
	margin-top:30px;
}


#contactRight {
	margin-top:30px;
	width:80%;
	margin-left:10%;
	text-align: center;
}

#days {
	width:50%;
}

#hours {
	width:50%;
}
h3 {
	width:100%;
	text-align:center;
}


#map {
	width:100%;
	height:200px;
	margin-top:300px;
}


/************************* SERVICES *****************************/

#services {
	margin-top:100px;
	margin-bottom:100px;
}

#servicesColumn1 {
	width:100%;
}

#servicesColumn2 {
	width:100%;
}

.plusBtn {
	width:30px;
	height:30px;
    margin-top:15px;
    margin-left:15px;
}

h2 {
	height:18px;
	font-size:20px;	
	padding-top:20px;
	padding-bottom:20px;
}

.service p {
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
	font-size:14px;
}

/************************* ABOUT *****************************/

#about {
	margin-top:100px;
}

#teamImage {
	height:150px;
}

#personalNote h3 {
	width:100%;
	text-align: center;
	padding-left:0px;
}

#personalNote p {	
	line-height: 30px;
	}

#personalNote {
	width:100%;
	margin-top:150px;
	right:0%;

}

#footerContact {
	width:100%;
	height:50px;
	margin-top:600px;
}

#footerContact li{
	float:none;
	width:100%;
	margin-right:0%;
	margin-top:30px;

}

#footer {
	margin-top:-200px;
	height:400px;
}

}