/*************************Reset*************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************* navbar pagebump *******************/

body {
   /*padding-top: 51px;*/
}

nav {
  margin-left: -15px !important;
  margin-right: -15px !important;
  margin-bottom: 0px !important;
  border-radius: 0px !important;
}

/********************** custom *************************/
html {
  height: 100%;
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #70bg32;
    background-repeat:no-repeat;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(211,207,201,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(211,207,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(211,207,201,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(211,207,201,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(211,207,201,1) 100%) fixed;
}

body {
  font-family: 'Crimson Text', serif;
  margin-bottom: 10vh;
  background: transparent;
}

.gradient1 {
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(211,207,201,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(211,207,201,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(211,207,201,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d3cfc9',GradientType=0 );
}

.gradient2 {
  background: rgb(211,207,201);
  background: -moz-linear-gradient(top,  rgba(211,207,201,1) 0%, rgba(255,255,255,1) 50%, rgba(211,207,201,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(211,207,201,1) 0%,rgba(255,255,255,1) 50%,rgba(211,207,201,1) 100%);
  background: linear-gradient(to bottom,  rgba(211,207,201,1) 0%,rgba(255,255,255,1) 50%,rgba(211,207,201,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3cfc9', endColorstr='#d3cfc9',GradientType=0 );

}


.pad-ew-md {
  padding-left: 2em;
  padding-right: 2em;
}

.pad-ns-sm {
  padding-top: 1em;
  padding-bottom: 1em;
}

.pad-ns-xs {
/*  padding-top: .5em;
  padding-bottom: .5em;*/
  vertical-align: middle;
  line-height: 2.5em;
}

.home-text {
  padding: 1em 2em 1em 2em;
  line-height: 1.6em;
}

#buttonCenter {
  margin: 0 auto;
  width: 250px;
  clear: both;
}

#clickThru {
  border-radius: 25px;
  background-color: #750809;
  width: 250px;
  height: 100px;
  
  
  text-align: center;
  line-height: 1.6em;
  padding: 0.5em;
  -webkit-box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 12px 0px rgba(0,0,0,0.75);
  font-family: minion-pro, serif;
  font-style: normal;
  font-weight: 400;
  display: block;
}

.click-here-for {
  font-style: italic;
  color: #fff;
  font-size: 1em;
}

.w-a-d-l-llc {
  /*font-weight: bold;*/
  color: #fff;
  font-size: 1.3em;
}

.no-deco {
  text-decoration: none;
}

.contact-us-text {
  text-align: center;
  padding: 2em 3em 2em 3em;
}

.contact-us-lead-text {
  text-align: center;
  padding: 2em 5em;
}

.directions-text {
  padding: 2em 3em 2em 3em;
}

.directions-text p {
  margin-bottom: 1em;
}

.directions-text span.main {
  margin-top: 1em;
}

.banner {
  width: 100%;
  height: 50%;
}

.ban-1 {
  height: 792px; /*3x*/
  /*ratio 361:264*/
  background-image: url("../images/1.png");
}

.ban-2 {
  height: 792px;
  background-image: url("../images/8.png");
}

.ban-3 {
  height: 792px;
  background-image: url("../images/12.png");
}

.ban-box {
  background-color: #e0ddda;
}

.bg {
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-position: center;
  background-size: cover;
}

span.main {
  font-size: 1.2em;
  font-weight: bold;
  color: #750809;
}

.red-txt {
  font-weight: bold;
  color: #750809;
}

.map {
  height: 200px;
  width: auto;
  background-image: url("../images/narrow-map.png");
  margin-left: auto;
  margin-right: auto;
}

.door {
  height: 300px;
  width: auto;
  background-image: url("../images/13.png");
  margin-left: auto;
  margin-right: auto;
}

/*span.main.pull-right {
  text-align: right;
}*/

/*****/

.split-text-left {
  float: left;
}

.split-text-right {
  float: right;
  text-align: right;
}

.bottom-buffer {
  margin-bottom: 10px;
}

.hiding-divider {
  display: inline-block;
}
.appearing-space {
  display: none;
}

/*****/

.inline-photos{
  height:0;
  width: 100%;
  position: relative;
  margin-top: 0px;
  display:inline-block;
  font-size: 0;
  /*background-color:gray;*/
  padding: 0px 0px 24% 0px;
}

.home-ip {
  width: 24%;
  height: 0;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  padding: 0px 0px 24% 0px;
}

.home-ip + .home-ip {
  margin-left:1%;
}

.contact-us-ip {
  width: 32%;
  height: 0;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  padding: 0px 0px 24% 0px;
}

.contact-us-ip + .contact-us-ip {
  margin-left:1%;
}

.ip-1 {
  background-image: url("../images/2.png");
  margin-left:.5%;
}
.ip-2 {
  background-image: url("../images/3.png");
}
.ip-3 {
  background-image: url("../images/4.png");
}
.ip-4 {
  background-image: url("../images/5.png");
}
.ip-5 {
  background-image: url("../images/9.png");
  margin-left:1%;
}
.ip-6 {
  background-image: url("../images/10.png");
}
.ip-7 {
  background-image: url("../images/11.png");
}

.what-we-do-hdr {
  height: 792px;
  background-image: url("../images/6.png");
}

.justified-text {
  text-align: justify;
  line-height: 1.6em;
  font-size: 1em;
}

.what-we-do-text li {
  line-height: 2em;
}

.what-we-do-ftr {
  height: 150px;
  /*width: 406px;*/
  background-image: url("../images/7.png");
}

.what-we-do-text.ft-text {
  line-height: 2em;
}

.logo {
  height: 100px;
  width: 315px;
  margin-left: auto;
  margin-right: auto;
  margin-top: .5em;
  margin-bottom: .5em;
  background-image: url("../images/logo.svg");
}

.hs {
  height: 250px;
  width: 213px;
  margin-top: 2.5em;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.75);
  border: 1px solid #000;
}

.hs-cred h1{
  margin-top: 1em;
}

.hs-1 {
  background-image: url("../images/14.png");
}
.hs-2 {
  background-image: url("../images/15.png");
}
.hs-3 {
  background-image: url("../images/17.png");
}
.hs-4 {
  background-image: url("../images/16.png");
}
.hs-5 {
  background-image: url("../images/18.png");
}

.nosscr {
  background-image: url("../images/19.jpg");
  height: 50px;
  width: 136px;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.text-center ul {
  padding: 0;
  margin-top: .3em;
  list-style-type: none;
}

.hs-txt-br{
  position:absolute;
  bottom:0;
  right:50%;
}

.hs-txt-br {
   position:absolute;
   bottom:0;
   left:50%;
}

.pro-asc-mem {
  font-weight: 700;
  font-style: italic;
}

span.small-caps {
  font-size: .8em;
  margin: 0 !important;
}

.dir-lead-text span {
  font-size: 1.3em;
}

.dir-lead-text {
  margin-bottom:.2em;
}

.who-we-are-lead-text p {
  padding: 0 5em;
  font-size: 1.6em;
}

/***************Responsive Styling******************/

@media screen and (min-width: 320px) {
  .ban-1, .ban-2, .ban-3, .what-we-do-hdr {
    height: 264px; /*1x*/
  }
  span.main {
    font-size: 1em;
  }
  .home-text {
    padding: 1em;
  }
  .contact-us-text,
  .directions-text {
    padding: 1em .5em .5em .5em;
  }
  .contact-us-lead-text{
    padding: 1em 2em .5em 2em;
  }
  .who-we-are-lead-text p {
    padding: 0 0;
    font-size: 1.2em;
  }
  .split-text-left,
  .split-text-right {
    float:none;
    text-align: left;
  }
  .hiding-divider {
    display: none;
  }
  .appearing-space {
    display: block;
  }
  .logo {
    height: 85px;
    width: 280px;
  }
}

@media screen and (min-width: 375px) {
  .ban-1, .ban-2, .ban-3, .what-we-do-hdr {
    height: 264px; /*1x*/
  }
  span.main {
    font-size: 1em;
  }
  .home-text {
    padding: 1em;
  }
  .contact-us-text,
  .directions-text {
    padding: 1em .5em .5em .5em;
  }
  .contact-us-lead-text{
    padding: 1em 2em .5em 2em;
  }
  .who-we-are-lead-text p {
    padding: 0 0;
    font-size: 1.2em;
  }
  .split-text-left,
  .split-text-right {
    float:none;
    text-align: left;
  }
  .hiding-divider {
    display: none;
  }
  .appearing-space {
    display: block;
  }
}

@media screen and (min-width: 425px) {
  .ban-1, .ban-2, .ban-3, .what-we-do-hdr {
    height: 264px; /*1x*/
  }
  span.main {
    font-size: 1.2em;
  }
  .home-text {
    padding: 1.5em 2.7em 1em 2.7em;
  }
  .contact-us-text,
  .directions-text {
    padding: 1em .5em .5em .5em;
  }
  .contact-us-lead-text{
    padding: 1em 3em .5em 3em;
  }
  .who-we-are-lead-text p {
    padding: 0 0;
    font-size: 1.2em;
  }
  .split-text-left,
  .split-text-right {
    float:none;
    text-align: left;
  }
  .hiding-divider {
    display: none;
  }
  .appearing-space {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .ban-1, .ban-2, .ban-3, .what-we-do-hdr {
    height: 396px; /*1.5x*/
  }
  span.main {
    font-size: 1.2em;
  }
  .justified-text {
    font-size: .8em;
  }
  .who-we-are-lead-text p {
    padding: 0 0;
    font-size: 1.6em;
  }
  .split-text-left {
    float:left;
  }
  .split-text-right {
    float:right;
    text-align: right;
  }
  .hiding-divider {
    display: inline-block;
  }
  .appearing-space {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .ban-1, .ban-2, .ban-3, .what-we-do-hdr {
    height: 476px; /*1.8x*/
  }
  span.main {
    font-size: 1.6em;
  }
  .home-text p,
  .contact-us-text p,
  .directions-text p,
  .what-we-do-text p,
  .what-we-do-text li,
  .who-we-are-text p {
    font-size: 1.4em;
  }
  .contact-us-lead-text p{
    font-size: 1.4em;
  }
  .justified-text {
    font-size: 1.1em;
  }
  .hs-cred p,
  .hs-cred li {
    font-size: 1.2em;
  }
  .split-text-left {
    float:left;
  }
  .split-text-right {
    float:right;
    text-align: right;
  }
  .hiding-divider {
    display: inline-block;
  }
  .appearing-space {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .ban-1, .ban-2, .ban-3, .what-we-do-hdr {
    height: 528px; /*2x*/
  }
  span.main {
    font-size: 1.95em;
  }
  .justified-text {
    font-size: 1.2em;
  }
  .split-text-left {
    float:left;
  }
  .split-text-right {
    float:right;
    text-align: right;
  }
  .hiding-divider {
    display: inline-block;
  }
  .appearing-space {
    display: none;
  }
}

@media screen and (min-width: 2560px) {
  .ban-1, .ban-2, .ban-3, .what-we-do-hdr {
    height: 792px; /*3x*/
  }
  .home-text p,
  .contact-us-text p,
  .directions-text p,
  .what-we-do-text p,
  .what-we-do-text li,
  .who-we-are-text p {
    font-size: 1.8em;
  }
  .contact-us-lead-text p {
    font-size: 1.8em;
  }
  .justified-text {
    font-size: 1.6em;
  }
  .hs-cred p,
  .hs-cred li {
    font-size: 1.7em;
  }
  .split-text-left {
    float:left;
  }
  .split-text-right {
    float:right;
    text-align: right;
  }
  .hiding-divider {
    display: inline-block;
  }
  .appearing-space {
    display: none;
  }
}