* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.wrapper {min-height: calc(100% - 176px); }
}


@media only screen and (max-device-width: 767px){
.wrapper {min-height: calc(100vh - 295px); }
}

@media only screen and (min-device-width: 768px){
.wrapper {min-height: calc(100vh - 176px); }
}

.headwrap {
	background-color: #285f92;
    width: 100%;
    margin-bottom: 25px;
    color: #ffffff;
    text-decoration: none;
}

.testiLink {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 200%;
	text-align: center;
}

ul { text-align: center; 
	text-decoration: none;
	}

	li {color: white;
		padding: 1%;
		font-family: 'Source Sans Pro', sans-serif;
		text-decoration: none;
		font-size: 16px;}

 @media only screen 
  and (max-device-width: 767px), 
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait), { 
  	ul li {
	display: block;
	padding: 2%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 200%;
	color: #ffffff;
	text-decoration: none;
}
}

@media screen and (max-width: 1024px),
			and(orientation: landscape), {
ul li {
	display: block;
	padding: 1%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 150%;
	color: #ffffff;
	text-decoration: none;
}
}

@media screen and (min-width: 1025px) {
ul li {
	display: inline-block;
	padding: 2%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
}

.footwrap {
	background-color: #285f92;
	/*height: 21%;*/
	width: 100%;
	/*position: absolute;*/
	color: #ffffff;
	/*margin-top: 65px;*/
	padding-bottom: 50px;
}


@media screen and (max-width: 1024px ){a[href^=tel]{
   color: white;
}
}

@media only screen 
  and (min-device-width: 375px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) { 
  	.phone{
	text-align: center;
	padding: 5px;
	font-size: 200%;
	color: white;
	}
}

@media screen and (max-width: 767px) {
.phone{
	text-align: center;
	padding: 5px;
	font-size: 150%;
	color: white;
}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.phone{
	text-align: center;
	padding: 5px;
	font-size: 150%;
	color: white;
	}
}


@media screen and (min-width: 1025px) {
.phone{
	top: 20%;
	font-size: 20px;
	color:  white;
	display: inline-block;
	position: relative;
}
}

@media screen and (max-width: 1023px) {
.limit {
}
}

@media screen and (min-width: 1025px) {
.limit {margin-left: 11%;
		top: 10%;
		position:relative;
		padding: 5px;
	    display: inline-block;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) { 
  .email {
	text-align: center;
	display: block;
	color: white;
	font-size: 200%;
	padding: 5px;
	}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {.landing_pic {
	width: 100%;
}}

@media screen and (min-width: 1025px) {.landing_pic {
	width: 720px;
}
}


@media screen and (max-width: 767px) {
.email {
	text-align: center;
	display: block;
	color: white;
	font-size: 150%;
	padding: 5px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.email {
	text-align: center;
	display: block;
	color: white;
	font-size: 150%;
	padding: 5px;
	}
}


@media screen and (min-width: 1025px) {
.email {
	top: 7%;
	font-size: 20px;
	color: white;
	display: inline;
	position: relative;
	}
	}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
  		#logo {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	text-decoration: none;
}
}	

@media screen and (min-width: 320px) and (max-width: 767px)	{
#logo {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	text-decoration: none;
}
}	

@media screen and (min-width: 768px)	{
#logo {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	text-decoration: none;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
  	.bodystyle {
	background-color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 150%;
}
}	

@media screen and (max-width: 767px) {
.bodystyle {
	background-color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 150%;
}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.bodystyle {
	background-color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 175%;
}
}

@media screen and (min-width: 1025px) {
.bodystyle {
	background-color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}
}

.bodymodifier {
	width: 85%;
	margin: auto;
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){.testimod {
	width: 100%;
	text-align: center;
	font-size: 30px;
}}

@media screen and (min-width: 768px){
.testimod {
	width: 80%;
	margin-left: 75px;
	font-size: 30px;
}}

.footlogo {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	text-align: center;
	font-size: 150%;
}

 @media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
.footlogo {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 150%;
	margin-top: 15px;
	margin-bottom: -20px;
	text-align: center;
}
}

@media screen and (min-width: 1px) and (max-width: 1024px),
and (orientation: landscape){
.footlogo {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 175%;
	margin-top: 15px;
	margin-bottom: -20px;
	text-align: center;
}
}


@media screen and (min-width: 1025px){
.footlogo {
	font-family: 'Fondamento', cursive;
	font-weight: bold;
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: -15px;
	text-align: center;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
  	.info {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-size: 175%;
  }
}

@media screen and (max-width: 1024px){
.info {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-size: 175%;
}
}

@media screen and (min-width: 1025px) {
.info {
	font-family: 'Source Sans Pro', sans-serif;
	margin-left: 30%;
	position: relative;
	margin-top: -1%;
	bottom: -20px;
	display: inline-block;
	font-size: 20px;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
.heading {
	font-family: 'Fondamento', cursive;
	font-size: 125%;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.heading {
	font-family: 'Fondamento', cursive;
	font-size: 150%;
}
}

@media screen and (min-width: 1025px) {
	.heading {
	font-family: 'Fondamento', cursive;
	font-size: 24px;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
.heading2{
	font-family: 'Fondamento', cursive;
	font-size: 125%;
}
}

@media screen and (min-width: 768px) {
.heading2 {
	font-family: 'Fondamento', cursive;
	font-size: 175%;
	text-align: center;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){
.pat_heading {
	font-family: 'Fondamento', cursive;
	font-size: 100%;
	text-decoration: underline;
}
}

@media screen and (min-width: 768px){
.pat_heading {
	font-family: 'Fondamento', cursive;
	font-size: 150%;
	text-decoration: underline;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){
.pat_subheading {
	font-family: 'Fondamento', cursive;
	font-size: 100%;
	text-decoration: underline;
}}

@media only screen 
  and (min-device-width: 320px){
.pat_subheading {
	font-family: 'Fondamento', cursive;
	font-size: 100%;
	text-decoration: underline;
}}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){
  	.patstyle {
	text-align: center;
	width: 100%;
	}}

@media only screen 
  and (min-device-width: 320px){
.patstyle {
	text-align: center;
	width: 75%;
}}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
.trees_pic {
	height: 200px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media only screen 
  and (min-device-width: 480px) and (max-device-width: 767) {
.trees_pic {
	height: 235px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media only screen 
  and (min-device-width: 768px) {
.trees_pic {
	float:right;
	height: 235px;
	margin-left: 15px;
	margin-top: 67px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

.water_pic{
	float: left;
	height: 60px;
	border-style: outset;
	border-width: 4px;
	border-color: #ccfffd;
	margin-right: 10px;
	margin-top: 10px;
}

.water_pic2{
	float: left;
	height: 60px;
	border-style: outset;
	border-width: 4px;
	border-color: #ccfffd;
	margin-right: 10px;
	margin-top: 50px;
}

@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {.stream_pic
  	{height: 235px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;}}

@media screen and (max-width: 768px) {.stream_pic {
	height: 235px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen and (min-width: 768px) {.stream_pic {
	float:right;
	height: 235px;
	margin-left: 20px;
	margin-top: -30px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait){.direction_txt {
  	font-size: 100%;
  	}}

 @media screen and (min-width: 768px){.direction_txt {
  	font-size: 100%;
  	}}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){.office_pic{
  	display: none;
  	}}


@media screen 
and (min-device-width: 768px) 
and (max-width: 1024px) {
.office_pic {
	display: inline;
	margin-left: 25%;
	height: 400px;
}
}

@media screen and (min-width: 1025px) {
.office_pic {
	display:inline;
	float:right;
	height: 400px;
	right: 150px;
	position: relative;
	margin-top: 40px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen and (max-width: 1024px) {
.examroom_pic {
	display: none;
}
}

@media screen and (min-width: 1025px) {
.examroom_pic {
	height: 275px;
	margin-left: 50px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen and (max-width: 1024px) {
.in-office_pic {
	display: none;
}
}

@media screen and (min-width: 1025px) {
.in-office_pic {
	height: 275px;
	margin-left:25px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}


@media screen and (max-width: 1024px) {
.garage_pic {
	display: none;}
}

@media screen and (min-width: 1025px) {
.garage_pic {
	margin-left: 25px;
	height: 275px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){
.page_text {
	font-size: 75%;
}
}

@media screen and (min-width: 768px) {
.page_text {
	font-size: 150%;
}
}

.cheat {
	clear: both;
}

.oneTree {
	margin: auto;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 150%;
	background-color: #ffffff;
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
 .patpicleft {
	height: 150px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.patpicleft {
	float: left;
	height: 250px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media only screen and (min-width: 1025px){
.patpicleft {
	float: left;
	height: 300px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
 .patpicright {
	height: 150px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.patpicright {
	float: right;
	height: 250px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen and (min-width: 1025px){
.patpicright {
	float: right;
	height: 300px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait) {
.patpicleft2 {
	height: 150px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen and (min-width: 768px) {
.patpicleft2 {
	float: left;
	height: 275px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
	margin-top: 35px;
	margin-right: 7px;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){
.patpicright2 {
	height: 150px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
}
}

@media screen and (min-width: 768px){
.patpicright2 {
	float: right;
	height: 275px;
	border-style: outset;
	border-width: 7px;
	border-color: #ccfffd;
	margin-top: 35px;
	margin-left: 7px;
}
}


.form1 {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	padding: 20px;
}


.form1 input{
	margin: 5px;
}

.form2Header {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	margin-top: 20px;
}

.form2Header input {
	margin: 5px;
}

.shade{
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}

.all2 {
	margin-left: 20px;
}

.table1 {
	margin: auto;
}

.table2, th, td {
	border: 1px solid black;
	margin: auto;
}

th {
	padding: 5px;
}

td {
	padding: 5px;
}

@media screen and (max-width: 1024px) {
.googleAddress {
	font-family: 'Source Sans Pro', sans-serif;
	margin-left: 8%;
	font-size: 100%;
}
}

@media screen and (min-width: 1025px) {
.googleAddress {
	font-family: 'Source Sans Pro', sans-serif;
	margin-right: 29px;
	font-size: 125%;
}
}

@media screen and (max-width: 1024px) {
.formLink {
	display: none;
}
}

@media screen and (min-width: 1025px) {
.formLink {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	font-size: 175%;
	margin: auto;
}
}

@media screen and (max-width: 1024px) {
.formLink2 {
	display: none;
}
}

@media screen and (min-width: 1025px){
.formLink2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 150%;
}
}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){
 #map {width: 275px;
 		height: 275px;
 		position: inline;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
 #map {
 	padding-top: 5%;
	margin: auto;
	width:400px;
	height:400px;
	position:block;
	}
}

@media screen and  (min-width: 1025px) {
 #map {
 	padding-top: 5%;
	width:400px;
	height:400px;
	position:inline;
	}
}

@media screen and (max-width: 1024px) {
button {
	display: none;
	}
}

@media screen and (min-width: 1025px) {
button {
	padding: 10px 40px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	border: 1px solid black;
	border-radius: 25px;
	}
}

.quote {font-size: 15px;
		width: 85%;
		text-align: center;
		margin-left: 90px;}

.quote2 {font-size: 15px;
		width: 85%;
		margin-left: 110px;
		}

@media only screen 
  and (min-device-width: 320px) ,
  and (max-device-width: 812px) ,
  and (-webkit-min-device-pixel-ratio: 2),
  and (orientation: portrait){.signature {font-family: "Fondamento", cursive;
			font-size: 150%;
			}}

@media screen and (min-width: 768px){
.signature {font-family: "Fondamento", cursive;
			font-size: 32px;
			width: 85%;
			margin-left: 75px;}
		}

.warning {text-align: center;
		color: red;
		font-size: 150%;
		width: 50%;
		border-style: solid;
		border-width: 2px;
		padding: 15px;
		margin: auto;}