body{font-family:'Century Gothic','CenturyGothicMedium',Helvetica,Arial,sans-serif;position:relative;width:100%;height:100%;color:#444;background-color:#fff;}
html{width:100%;height:100%;}
h1,h2,h4,h5,h6{font-family:'Century Gothic','CenturyGothicMedium',Helvetica,Arial,sans-serif;font-weight:normal;margin:0 0 15px;letter-spacing:1px;text-transform:uppercase}
h3{
font-family:'Century Gothic','CenturyGothicMedium',Helvetica,Arial,sans-serif;
font-weight:bold;
margin:0 0 15px;
letter-spacing:1px;text-transform:none;
 font-size:1.5em;
 text-align: left;
 }
 
p{
font-size:100%;
line-height:1.3;
margin:0 0 15px;
vertical-align: baseline;
text-align:left;
}
img{
    max-width: 100%;
}

.vertical-center {  
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.download-section{
	position:relative;
	color: #fff;
	background:url(http://holisticspring.com/blog/wp-content/uploads/2019/05/ginger-tea.png) no-repeat center center scroll;
	text-shadow: 2px 2px 10px #000;
	z-index:900;
	height:500px;
	display: block;
	-webkit-background-size:cover;
	-moz-background-size:cover;-o-background-size:cover;
	background-size:cover;
	}
	

	

@media (min-width:768px)
{p{font-size:100%;line-height:18pt;margin:0 0 15px}}
a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#333;}
a:focus{text-decoration:none;color:#efefef;}

#mainNav{font-family:'Century Gothic','CenturyGothicMedium',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#fff;}
#mainNav .navbar-toggler{font-size:100%;padding:0;color:#555;border:1px solid #fff}
#mainNav .navbar-brand{font-weight:700}
#mainNav a{color:#000; letter-spacing: 2px;}
#mainNav.a:hover{color:#fddad6;}
#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}

.masthead{display:table;width:100%;
height:auto;
padding:0 0;
text-align:center;
color:#fff;
background:url(../img/background.jpg) no-repeat bottom center scroll;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.quote {
    position:relative;
    top:10px;
    font-size:.75em;
    padding:5% 0;
    
}

.footer{padding:10px 0;background-color:#fddad6;}

@media (min-width:992px)
{#mainNav{padding-top:10px;padding-bottom:10px;background-color:#fff;}
#mainNav.navbar-shrink
{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #000;
background:#fff;
    
}



.masthead{display:table;width:100%;
height:auto;
padding:200px 0;
text-align:center;
color:#fff;
background:url(../img/background.jpg) no-repeat bottom center scroll;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.masthead .intro-body{display:table-cell;vertical-align:bottom}
.masthead .intro-body .brand-heading{font-size:50px;color:#000;}
.masthead .intro-body .intro-text{font-size:18px; text-align:center; color:#000;}

}
@media (min-width:768px){.masthead{height:100%;padding:0}
.masthead .intro-body .brand-heading{font-size:100px}
.masthead .intro-body .intro-text{font-size:22px}}


.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:45px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#000;border:2px solid #000;border-radius:100%!important;background:0 0}

hr.style1{
border-top: 1px solid #000;
 margin-bottom:25px;}
hr.style1:after {content: '\002665';display: inline-block;
position: relative;top:-15px;padding: 0 10px;background: #fff;
color: #000;font-size: 18px;
}
hr.style2 {border-top:1px dashed #8c8b8b; 
}
hr.style2:after {content: '\002702'; display: inline-block; position: relative; 
top:-12px;left: 40px;padding: 0 3px;background: #fff;color: #8c8b8b; 
font-size: 18px; 
}
hr.style3 {
border-top: 1px solid #333;
}

hr.style4 {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #fcd9d3;
    color: #fcd9d3;
    text-align: center;
}
hr.style4:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.9em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}
.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}
.content-section{margin-top:0;padding-bottom:230px}

.download-section{
	position:relative;
	color: #fff;
	background:url(../img/downloads-bg1.png) no-repeat center center scroll;
	text-shadow: 2px 2px 10px #000;
	z-index:900;
	display: block;
	-webkit-background-size:cover;
	-moz-background-size:cover;-o-background-size:cover;
	background-size:cover;
	}
	
.download-content-section
{
padding-top:280px;
}	

.quote {
    position:relative; top:-120px;
    font-size:1em;
}
#map{width:100%;height:200px;background-color:#fde9e6;}




/*******************CONTACT FORM*************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.box {
  max-width: 400px;
  width: 100%;
  margin: 0 -20px;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
  background: #fff;
  padding: 25px;
  margin: 0 50px;
  width: 80%;
  
}

#contact h3 {
  display: block;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #000;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  border-radius: 5px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 20%;
  border: none;
  background: #fde8e6;
  color: #000;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
  border: 1px solid #000;
  border-radius: 5px;
}

#contact button[type="submit"]:hover {
  background: #fddad6;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}


/*****************************************************/

.note {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-family: Lusitana, serif;
  font-size: 16px;
  line-height: 21px;
}

.note .link {
  color: #000;
  text-decoration: none;
}
.note .link:hover {
  text-decoration: underline;
}

@media (min-width:992px){.content-section{padding-top:50px;padding-bottom:50px}#map{height:350px}}

.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}
.btn-default{color:#A9A9A9;border:1px solid color:#A9A9A9;background-color:transparent}
.icon-size{font-size:2em;}
.btn-default:focus,.btn-default:hover{color:#000;border:1px solid #fff;outline:0;background-color:#fff}
ul.banner-social-buttons{margin-top:0} 

@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}

@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}
footer{padding:10px 0;background-color:#fddad6;}
footer p{font-size:14px;margin:0}