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

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 50px;
}

.spacer2 {
	padding: 25px;
}

.activities-body{
  background-image:url(../images/WillowInspSpaWatermark.png);
  background-attachment:fixed;
  background-position:center center;
  background-repeat:no-repeat;	
}

.wrap {
	width: 100%;	
}

.nav {
	background: #93d981;	
}

.navbar{
	background: #93d981;
	margin-bottom: 0;
	border:none;
	border-radius:0;	
}

.navbar-default .navbar-nav > li > a{
	color: #333;
	font-family: 'handlee';
	font-size:18px;	
}

.navbar-default .navbar-nav > li > a:hover{
	color:#fff;	
}

.navbar-nav.nav-justified > li{
    float:none;
}

.header2 {
	background: url(../images/Willow_Tree.jpg);
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 300px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;	
}

.header2 img {
	height: 125px;
	width: auto;
	margin-left: auto;
	margin-right: auto;	
}

.top-header {
	background: #93d981;
	height:50px;
}

.logo{
	margin-top:-40px;
	margin-bottom:10px;
	height: 125px;
	width: auto;	
}

.navbar-brand img {
	height:0px;
	width:0px;
}

.carousel-indicators {
  bottom:-50px;
}

.carousel-indicators li {
  background-color: #93d981;
}

.carousel-indicators .active {
  background-color: #333;
}


.carousel-inner > .item {
    -webkit-transition: 5s ease-in-out left;
    -moz-transition: 5s ease-in-out left;
    -o-transition: 5s ease-in-out left;
    transition: 5s ease-in-out left;
}

.carousel-control.right, .carousel-control.left {
  background-image:none;
  background-color:transparent;
}

#myCarousel {
	margin-top: 100px;
	margin-bottom: 50px;	
}

.content1 {
	margin-top: 175px;
	padding-left: 20px;
	font-family: 'handlee', cursive;
	font-size: 20px;
	text-align:center;
	padding-left: 75px;	
}

.content2 {
	margin-top: 175px;
	padding-right: 20px;
	font-family: 'handlee', cursive;
	font-size: 20px;
	text-align:center;
	padding-right: 75px;	
}

.about-img{
	height: 250px;
	width: auto;
	margin-top:10px;
	margin-bottom:10px;	
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height:50px;
  background: #93d981;
}

.footer-text{
	font-family: 'handlee', cursive;
	color:#fff;
	font-size: 16px;
	text-align:center;
	line-height:50px;	
}

.footer-text a{
	color:#fff;
	text-decoration:none;	
}

.footer-text a:hover{
	color:#fff;
	text-decoration:underline;	
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.h2 {
	font-family: 'handlee', cursive;
	font-size: 24px;
	padding-bottom: 10px;	
}

.about-logo{
	height:250px;
	width:auto;	
}

.antispam{
	display:none;
	visibility:hidden;	
}

@media (min-width:0px) and (max-width:768px){
.header2{
	height:200px;	
}
	
.navbar-brand img {
	margin-top: -60px;
	height: 90px;
	width:auto;
	margin-left:15px;	
}

.content1 {
	padding-top: 75px;
	padding-left:25px;
	font-family: 'handlee', cursive;
	font-size: 24px;
	text-align:center;	
}

.content2 {
	padding-bottom: 75px;
	font-family: 'handlee', cursive;
	font-size: 24px;
	text-align:center;
	padding-left:25px;	
}

.activities-body{
  background-image:url(../images/WillowInspSpaWatermark.png);
  background-attachment:fixed;
  background-position:center center;
  background-repeat:no-repeat;	
}

.logo {
	display:none;	
}

}

.spacer {
	padding: 15px;
}

@media (min-width:0px) and (max-width:480px){
.header2 {
	display:none;	
}

.content1 {
	margin-top:0px;
	padding-top: 50px;
	padding-left:0px;
	padding-right:30px;
	font-family: 'handlee', cursive;
	font-size: 24px;
	text-align:center;	
}

#myCarousel {
	margin-top:50px;	
}

.content2 {
	padding-right:30px;
	padding-left:0px;
	margin-top: -10px;
}

.about-img{
	height: 150px;
	width: auto;
	padding-top:10px;
	padding-bottom:10px;	
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
}
.footer{
	height:150px;	
}

.logo{
	display:none;	
}

}