@charset "utf-8";
/* CSS Document */

/*colors:
brown: #663300
light tan: #E0DBBD; #dfdbbb;
dark brown: #281600;
yellow-brown: #ACA064;
icons: #C8AF8C;

*/
/*2020 updates*/
.icons {display: flex;flex-flow: row; align-items: center; padding-top: 20px;}
.icons-sub {display: flex;flex-flow: row;  padding-top: 40px;}
#Submit {background-color: #c6ad8f; }
#header {
	position: relative;
	z-index: 500;
}
.slide-wrapper {
	height: 100%;
}
.hoverwhite a:hover {
	color: #fff!important;
}

.content-about {
	background: #fff;
	position: relative;
}
.header-width {max-width: 1300px; margin: 0 auto;}
/*end 2020 updates*/

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
html {
	font-size: 62.5%;
}
body {
	font-size: 1.5em;
	line-height: 1.6;
	font-weight: 400;
	font-family:  "Inter", Helvetica, Arial, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
}


.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.clearfix:after {content: ".";	visibility: hidden;	display: block;	height: 0;	clear: both;}
.clear {clear: both;}

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

a {color: #c6ad8f; text-decoration:none; }
a:hover {color: #281600; }

.smi a, .smi a:link {color: #ACA064; text-decoration:none; }
.smi a:hover {color: #281600; }

.b-link a {color: #c6ad8f; text-decoration:none; }
.b-link a:hover {color: #281600; }

.small {font-size: 80%;}
.brown{color: #663300;}
.content-two .brown {color: #fff;} 
.lh12{line-height: 1.2;}
.bold {font-weight:bold;}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
	font-weight: 400;
}
h4 {font-size: 160%;}
h1 {font-size: 120%; line-height: 1.2;}

.center {text-align:center;}
.right {text-align: right;}
.left {text-align: left;}
hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top-width: 0px;
    border-top: 1px solid #e1e1e1;
}

.word-h {margin-right: 10px;}
.word{
  display: flex;
  justify-content: space-between;
}
/*header*/
header {	position: relative;
	z-index: 500;
	background: #fff;}
.logo {padding:30px 30px 10px 30px;}
.u-pull-right {float: right;	padding-right: 30px;}
.u-pull-right p { margin-top:20px;}
.above-nav_contact {
	color: #630;
	font-family: " Gill Sans", "Gill Sans MT", Calibri, sans-serif;

}
.in-nav_contact {display: none;}

.header-text {font-size:16px; padding: 0 0 10px 30px;}
.header-text  a:link {color : #660000;  	text-decoration : none;    }
.header-text a:visited {color: #660000;}
.header-text a:active {color: #660000; }
.header-text a:hover {color : black;}

/*button*/
.head  a{color: #660000!important;}
.head  a:hover {color: #281600!important;}

.head  {font-size:20px; float: right;}
.button8{
display:inline-block;
padding:0.6em 1.45em;
border:1px solid #999;
box-sizing: border-box;
text-decoration:none;
font-weight:400;
color:#660000;
background-color:#fff;
text-align:center;
position:relative;
margin: .25em 0;
vertical-align:bottom;
}
.button8:hover{
border-color:#7a7a7a;
background-color:#281600;
color: #fff;
}
.button8:active{
background-color:#999999;
}


.myButton {
	box-shadow:inset 0px 1px 4px 0px #b3b3b3;
	background:linear-gradient(to bottom, #556d7b 5%, #556d7b 100%);
	background-color:#556d7b;
	border-radius:17px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:5px 25px;
	text-decoration:none;
	text-shadow:0px 0px 2px #5c5c5c;
}
.mButton {display: inline-block; vertical-align: top;padding-top: 8px;}
.myButton2 {
	box-shadow:inset 0px 1px 4px 0px #b3b3b3;
	background:linear-gradient(to bottom, #330000 5%, #330000 100%);
	background-color:#330000;
	border-radius:17px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:5px 25px;
	text-decoration:none;
	text-shadow:0px 0px 2px #5c5c5c;
}
.myButton:hover , .myButton2:hover {
	background:linear-gradient(to bottom, #9e9e9e 5%, #556d7b 100%);
	background-color:#9e9e9e;
}
.myButton:active, .myButton2:active {
	position:relative;
	top:1px;
}


/*body*/
.home-photo {width: 100%; margin: 0; padding: 0; overflow: hidden;}
.sub-photo {width: 100%; margin: 0; padding: 0; min-height: 800px;overflow: hidden;}
.sub-photo img{display:none;}
.tagline { margin: 0 auto; background-color:#c6ad8f; padding:5px;}
.tagline h1 {padding: 5px; display:inline-block; color: #fff; font-size: 180%; letter-spacing:4px; margin: 0; font-family:'Raleway' , sans-serif;opacity: 0.8; }

.two-cols {display: table; width: 100%; height: 400px; }
.photo-2 { color: #666; width: 50%;  display: table-cell; position:relative;}
.text-box-2, .text-box-2-directions { color: #666; width: 100%;  display: table-cell; position:relative;}
.text-box-2 .p, .text-box-2-directions .p{   position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -45%); width: 80%; max-width: 400px; }

.text-box-pp { color: #666; width: 100%;  display: table-cell; position:relative;}
.text-box-pp .p{   position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%); width: 95%; max-width: 900px }

.p2-map{   position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%); width: 80%; max-height: 400px;}
.photo-about {width: 40%; background-image: url(../images/20151013_Dallman_033.jpg); background-size: cover; background-position: top;  display: table-cell; height: 600px;}
.photo-about-side {width: 40%; background-image: url(../images/PD001-42.jpg); background-size: cover; background-position: top;  display: table-cell; height: 700px;}
.photo-directions-side {width: 70%; background-image: url(../images/Dallman_MovingMapb.jpg); background-size: cover; background-position: top right;  display: table-cell; height: 500px;}
.photo-pp-side {width: 40%; background-image: url(../images/PD001-42.jpg); background-size: cover; background-position: top;  display: table-cell; height: 900px;}
.photo-about img, .photo-about-side img, .photo-directions-side img, .photo-pp-side img {display:none;}

.content-two {text-align: center; background-color: #3c5768; padding: 30px; }

.full-text {max-width: 1000px; padding:20px; margin:0 auto;}

	/*maps*/
.google-maps { text-align: center; padding-top: 30px;}
.google-maps img{vertical-align: middle; max-height: 350px; }

/*footer*/
.large-footer {}
.awards {position: absolute; right: 1%; top: 1%; width: 20%; max-width: 314px; text-align:right;}
@media only screen and (max-width: 1850px){.sub-photo img{display: inherit;} .sub-photo {width: 100%; margin: 0; padding: 0; min-height: auto;overflow: hidden; max-height: 600px;} .photo-about-side {width: 50%; background-image: url(../images/PD001-42.jpg); background-size: cover; background-position: top;  display: table-cell; height: 600px;}}


@media only screen and ( max-width: 900px )  {


.text-box-pp {color: #666; width: 100%;  display: inherit; position:relative; }
.text-box-pp .p {position:inherit;  top: 0%;    left: 0%;    transform: translate(-0%, -0%); margin: 0 auto; }

.photo-pp-side {display: block; width: 100%;}


}

@media only screen and ( max-width: 800px )  {
	header{padding-bottom: 70px; margin-top: -70px;}
	.logo{}
.logo , .header-text  {padding: 10px; text-align:center; clear: both;}
.u-pull-right {float: none; margin: 0; text-align:center; padding: 0; position:relative;top:190px;display: flex; justify-content: center; width: 96vw;}
.u-pull-right p { margin-top:0;display:none; }
.above-nav_contact {/*display: none;*/}	
.u-pull-right p i {}
.menu-main-container{position: relative;}
.in-nav_contact {display: inherit; position: absolute;   right:7px; z-index:10; height: 50px; line-height: 50px;color: #630;font-family: " Gill Sans", "Gill Sans MT", Calibri, sans-serif;
 }
.photo-directions-side img{display:inherit;}
.photo-directions-side{background-image:none;  display: inherit; height: auto;}
.photo-directions-side {display: block; width: 100%;}
.text-box-2-directions{display: block; width: 100%;}
.text-box-2-directions {color: #666; width: 100%;  display: inherit; position:relative; }
.text-box-2-directions .p {position:inherit;  top: 0%;    left: 0%;    transform: translate(-0%, -0%); width: 100%; margin: 0 auto; }

}

@media only screen and ( max-width: 640px )  {
.photo-2 img, .photo-about img, .photo-contact img, .photo-about-side img, .photo-directions-side img, .photo-pp-side img{display:inherit;}
.photo-about, .photo-about-side, .photo-directions-side, .photo-pp-side {background-image:none;  display: inherit; height: auto;}
.two-cols {display: block; width: 100%; height: auto; }
.text-box-2, .text-box-2-directions, .photo-2, .photo-about, .photo-contact, .photo-about-side, .photo-directions-side, .photo-pp-side {display: block; width: 100%;}
.text-box-2, .text-box-2-directions {color: #666; width: 100%;  display: inherit; position:relative; }
.text-box-2 .p, .text-box-2-directions .p, .p2-map  {position:inherit;  top: 0%;    left: 0%;    transform: translate(-0%, -0%); width: 100%; margin: 0 auto; }
.content-two {padding: 10px;}
p {padding: 10px;}
.word {padding: 10px;}
.tagline h1 {font-size: 5vw;}

/*maps*/
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		

    }
    .google-maps img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
		
    }
.awards {position: static; right: 1%; top: 1%; width: 100%; margin: 0 auto; text-align:center; }
}

@media only screen and ( max-width: 340px )  {
	
.u-pull-right p {font-size: 85%;}
.word {display: inherit; font-size: 150%;}
}
