body {background:url(../images/b-g.JPG) top center fixed; font-family: "Open Sans", sans-serif; color:#111111;
background-size:cover;}

.container {max-width: 1400px;}
.homepic {background:url(../images/homeback.jpg) top center fixed #fff; margin-bottom:0px; padding:40px 0px 60px 0px; background-size:cover;}
.tshadow { text-shadow: 2px 2px 2px #111111;}

.header { background:#e8ecd7;
color:#18512f;

    padding-top:6px; padding-bottom:6px;
}
.address{color:#18512f; line-height: 1.2em; }
#phone { color:#18512f;}
.phone { color:#18512f; text-align:center; line-height:1em;}
.slogan { background:#1d5637; font-family: "Caladea", serif; color:#b6c583; padding:4px; text-align:center; font-size:2em; font-weight:normal; font-style:italic; }
.georgia {font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";}
.tanbg { background:url(../images/tan-bg.png) ; border:6px outset #9d5d19; border-radius: 4px; padding: 20px 24px;}
.boxborder {border:6px outset #9d5d19;}
.pale-bg { background:#efecca; padding-top:60px; padding-bottom:60px;}
.test { background:#000000; color:#ffffff; padding:20px; margin:12px; box-shadow:#e8618b 2px 2px 6px 2px; border-radius:12px;}
.hours { color:#033a1e; text-align:center;  margin:5px 0px;}
.t-shadow {text-shadow:2px 2px 2px #495057;}
.green {color:#438b2e;}

.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='2 1 29 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } 

.navbar-toggler { background:#000000; padding-left:9px;}

.btn-home{color:#ffffff;background-color:#303030; padding:4px 26px 12px 26px; font-size:1.2em; border-radius:2px; font-weight:bold;   }
.btn-home:focus,.btn-home:hover{color:#ffffff;background-color:#58708a; }
.btn-home.active{color:#fff;background-color:#58708a;}
.navbarback {background:#000000; padding:0px; }
.dropdown-menu { background:#b5c481;}
@media (max-width:575.98px){

.title {  margin-top:20px;}
.hours { font-size:1.1em;  }
.phone {  font-size:1.5em; margin:3px 2px 3px 2px; }
.mphone {  font-size:1.8em; margin:0px 2px 0px 2px; }
.address { margin:2px 2px 8px 2px; font-size:1.2em;  text-align:center; }
.addressf { margin:6px 2px 12px 2px; font-size:1.3em; text-align:center;}
.slogan {   font-size:1.2em;  }
#btn {  font-size:1.2em;}  
.tanbg { font-size:.9em; padding:12px 14px;}
.homepic { font-size: .8em;}
}
@media (min-width:576px){ 
.full { display:none;}
#btn {  font-size:1.2em;}
.addressf { margin:6px 2px 12px 2px; font-size:.9em; text-align:center;}
.address { margin:2px 2px 8px 2px; font-size:1.3em; text-align:center;}
.phone {  font-size:1.6em; margin:0px 2px 3px 2px; }
.mphone {  font-size:1.8em; margin:0px 2px 0px 2px; }
.slogan {  font-size:1.6em;  } 
.hours { font-size:1.1em;  }
.tanbg { font-size:.9em; padding:12px 14px;}
.homepic { font-size: .8em;}
}
@media (min-width:740px){ 
.full { display:none;}
#btn {  font-size:1.2em; }
#btn:hover {
  }
  
.phone {  font-size:1.8em; margin:10px 2px 3px 2px; }
.mphone {  font-size:2em; margin:0px 2px 0px 2px; }  
.addressf { margin:6px 0px 12px 0px; font-size:1.1em; text-align:center;}
.address { margin:10px 2px 10px 2px; font-size:1.2em; text-align:center;}
.slogan {  font-size:1.6em;  } .hours { font-size:.7em;  }
.tanbg { font-size:.9em; padding: 20px 20px;}
.homepic { font-size: .9em;}
}

@media (min-width:992px){
.full { display:block;}
#btn {  font-size:1.2em; }
#btn:hover {
  }
.addressf { margin:6px 2px 12px 2px; font-size:1.2em; text-align:center;}
.address { margin:6px 0px 10px 0px; font-size:1.3em; text-align:center; }
.slogan {  font-size:1.8em;  }
.phone {  font-size:1.8em; margin:16px 2px 3px 2px; }
.mphone {  font-size:2em; margin:0px 2px 0px 2px; }
.hours { font-size:.8em;  }
.tanbg { font-size: 1em; padding: 20px 20px;}
       .homepic { font-size: 1em;}
}
@media (min-width:1200px){
.full { display:block;}
#btn {  font-size:1.2em; }
#btn:hover {
  }
.phone {  font-size:2em; margin:20px 3px 3px 3px; }
.mphone {  font-size:2em; margin:0px 2px 0px 2px; }
.addressf { margin:6px 2px 12px 2px; font-size:1.3em; text-align:center;}
.address { margin:14px 2px 12px 2px; font-size:1.3em; text-align:center;}
.slogan {  font-size:1.8em;  }
.hours { font-size:1em;  }
.tanbg { font-size: 1em; padding: 20px 30px;}
    .homepic { font-size: 1em;}
}




@media (max-width:575.98px){
    .nav-link:link,.nav-link:visited{color:#ffffff; background:none; font-size:.8em; margin:0px;}

.nav-link:focus,.nav-link:hover{text-decoration:none;  color:#b5c481; background-color:none; padding-left:6px;   }
.nav-item{ padding: 0px 5px; height: 35px;  margin:0px;}
}
@media (min-width:576px){ 
    .nav-link:link,.nav-link:visited{color:#ffffff; background:none; font-size:.8em; margin:0px;}

.nav-link:focus,.nav-link:hover{text-decoration:none;  color:#b5c481; background-color:none; padding-left:6px;  }
.nav-item{ padding: 0px 5px;  margin:0px; height: 35px;}
     
}
@media (min-width:740px){ 
.nav-link:link,.nav-link:visited{color:#ffffff; background:none;  margin:0px;font-size:.8em; }

.nav-link:focus,.nav-link:hover{text-decoration:none;  color:#b5c481; background-color:none; padding-left:6px;   }
.nav-item{padding: 0px 5px;  margin:0px; height: 35px;}
 
}

@media (min-width:992px){
    .nav-link:link,.nav-link:visited{color:#ffffff; background:none; font-size:.8em;
     font-family: "Berkshire Swash", serif; font-weight:normal;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.nav-link:focus,.nav-link:hover{text-decoration:none;   color:#1b501b; background:#b5c481; padding-left:1px; padding-right:10px;  }
.nav-item{padding: 0px 1px;  margin:0px; height: 37px; }
}
@media (min-width:1200px){
    .nav-link:link,.nav-link:visited{color:#ffffff; background:none;  font-size:.9em; padding: 5px 14px; margin:0px;
     
		}

.nav-link:focus,.nav-link:hover{text-decoration:none;   color:#1b501b; background:#b5c481;   }
.nav-item{ padding: 0px 5px;  margin:0px;}
   }
@media (min-width:1300px){
    .nav-item{ padding: 0px 8px;  margin:0px;}
}
@media (min-width:1400px){
    .nav-item{ padding: 0px 15px;  margin:0px;}
}


.featbox {background: rgb(214,249,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(214,249,255,1) 0%, rgba(158,232,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(214,249,255,1) 0%,rgba(158,232,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(214,249,255,1) 0%,rgba(158,232,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 );
padding:10px;
border-radius:12px;
margin:10px;
border:3px solid #5fc8e1; font-size:.9em;}

a:link {
	text-decoration: none;
	color:#2a2f76;
}
a:visited {
	text-decoration: none;
		color:#2a2f76;
}
a:hover {
	text-decoration: none;
	color:#524a98;
}
a:active {
	text-decoration:none;
	color:#524a98;
}


.fullw {
	width:100%;
	}
	
.fullw {
  transition: transform .2s; /* Animation */
  }

/* 
.fullw:hover {
  transform: scale(1.05); (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) 
}	*/
.nopad {margin:0px; padding:0px;}		

.halfbox { width:50%; float:left;}

p { font-size:1.1em;}

hr {border-top:1px solid #999999;}




.serif {font-family: "Caladea", serif;}

h1 { color:#182d00; font-weight:bold; font-size:3em; line-height: 1.1em; font-family: "Caladea", serif; }
h2 { color:#182d00; font-weight:bold; font-size:2.2em; font-family: "Caladea", serif; }
h3 { color:#18391c; ont-weight:bold; font-size:1.8em;}
h4 { 
	color:#111111;
	font-weight:bold;
    line-height: 1.1em;
	font-size:1.6em;
	}
.bumpt { font-size:3.4em;}
.bar { background:#48958e; height:6px; width:80%; alignment-adjust:middle; margin:6px 0px 20px 0px;}
.roundb {border-radius:18px;}

.homeborder { padding:20px; border:#444444 solid 6px;}
.geobox {  background:url(../images/black-b.png); border-radius:16px; padding:12px 24px; color:#fff; }

#footer { background: #222222; /* Old browsers */ 
 padding:40px 0px 10px 0px; color:#ffffff; text-align:center;}


#footer a:link, #footer a:visited, #footer a:active {
	color:#438b2e;
	
	text-decoration:none;
}
#footer a:hover {
	color:#b6c481;
}




#cwr {
	margin:0 auto;
	background-color:none;
	color:#555;
	background:#111;
	text-align:center;
	font-size:.7em;
}


.homebox {
            animation: fadeInAnimation ease 2s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
				margin-top:40px;
            }
            100% {
				margin-top:10px;
                opacity: 1;
            }
        }
		
.whitebox { background:#fff;  padding:10px 12px; margin:2px; text-align:center; opacity: .8; }

ul { list-style:square; font-weight:bold; color:#341105; font-size:1.2em; line-height:1.4em;}
.whul { list-style:url(../images/uls.png); font-size:1em; line-height:1.4em;}


.hspace {height:180px; }

.shortspace { height:100px; }	


#btn {
 background: #bde8b3;
background: linear-gradient(0deg,rgba(189, 232, 179, 1) 35%, rgba(217, 255, 217, 1) 100%);
  border-radius:8px;
  color:#438b2e;
  font-weight:bold;
  padding:8px 6px 10px 6px;
  border:solid #a6d5bd 2px;
  text-align:center;
  text-decoration: none;
    max-width: 220px;
}

#btn:hover {
  background: #bde8b3;
background: linear-gradient(180deg,rgba(189, 232, 179, 1) 35%, rgba(217, 255, 217, 1) 100%);
    border:solid #a6d5bd 2px;
  color:#2f731c;
  text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}




@media (min-width: 1300px) {
	
.img-right{margin:1rem 0 1rem 1rem;float:right;}
.img-left{margin:1rem 1rem 1rem 0;float:left;}
}
@media (max-width:768px)
{	
	.img-right{margin:1rem 0;float:none;}
	.img-left{margin:1rem 0;float:none;}
}



	
@media (max-width:575.98px) { 
       h1 { font-size:2.4em;}
.homeboxback { height:250px;  padding:0px;}
.desk{ display:none;}
.mobi { display:block;}

.one { display:none;}
.two { display:none;}
.three { display:none;}
.four { display:block;}
 }

@media (min-width: 576px) { 
      h1 { font-size:2.4em;}
.homeboxback { height:250px;  padding:0px;}
.desk{ display:none;}
.mobi { display:block;} 

.one { display:none;}
.two { display:none;}
.three { display:block;}
.four { display:none;}

}

@media (min-width: 768px) { 
      h1 { font-size:2.6em;}
.homeboxback { height:400px; padding:10px;}
.desk{ display:block;}
.mobi { display:none;} 

.one { display:none;}
.two { display:none;}
.three { display:block;}
.four { display:none;}

}

@media (min-width: 992px) {
      h1 { font-size:2.8em;}
.homeboxback { height:400px; padding:40px;}
.desk{ display:block;}
.mobi { display:none;} 


.one { display:none;}
.two { display:block;}
.three { display:none;}
.four { display:none;} 

 }

@media (min-width: 1200px) { 
    h1 { font-size:3em;}
.homeboxback { height:400px; padding:40px;}
.desk{ display:block;}
.mobi { display:none;} 

.one { display:block;}
.two { display:none;}
.three { display:none;}
.four { display:none;}
}

#white { color:#fff;}
.red { color:#f21a27;}

.gback { background:#eeeeee;}
.bfade { background:url(../images/fade.png) top center repeat-x; height:50px; }