body {
    background: #c2dded;
}
/*********************** NAVBAR *************************/
.navbar {
	background: rgba(255, 255, 255, .8);
	text-align:center;
	margin:0;
	border:0;
	min-height:58px;
}
.navbar #account_intro, .navbar .btn-create-garden {
    margin-top:12px;
    margin-right:12px;
    margin-bottom:12px;
}
.navbar .logo_name, .navbar #fb_like_holder {
	display:none;
}
.navbar.navbar_at_top .logo_name, .navbar.navbar_at_top #fb_like_holder {
    display:inline-block;
}
.navbar_at_top .btn-create-garden {
	display:none;
}
#fb_like_holder {
	float: left;
    padding-top: 19px;
    padding-left: 10px; 
}
/*********************** NAVBAR *************************/
/*********************** MAIN ***************************/
.container {
	text-align:center;
}
.container img {
	margin:0 auto;
}
.btn-warning:hover {
	background:#f0ad4e;
}
.cake-debug {
	margin-top: 208px;
    z-index: 234;
}
/*********************** MAIN ***************************/
.logo_tree {
	padding-left: 10px;
    padding-top: 9px;
}
#sky {
	padding-top:75px;
	clear:both;
}
.main_side_text {
	margin-left:10px;
}
.main_side_text div{
	margin-bottom:10px;
}
.button-promo {
	font-size: 60%;	
}
.tagline {
	font-size:72px;
	color: #456;
	font-family: "Architects Daughter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 1px #fff;
    margin-bottom:0;
    margin-top: 40px;
}
.main_side_text div.tagline_desc {
	color: #456;
	font-size:1.3em;
	margin-bottom:50px;
}
.button_holder img:hover{
    opacity:.5;
}
.btn-big-create-garden {
    font-size:24px;
}
.btn-big-create-garden .free_text {
    font-weight:lighter;
    font-size:18px;
}
.btn-big-create-garden .promo_text {
    font-size:14px;
    padding:3px 6px;
    border:1px solid #fff;
    background:transparent;
    color:#fff;
    margin-bottom:0px;
    border-radius: 6px;
}
.underground_quote {
	background: #815937;
	text-align:center;
	color: #502f12;
	padding: 0 0 20px 0;
}
.underground {
	background: #815937;
	
}
.big-tree-ground {
	background:url('/img/splash/ground_divider.png') 0 0 repeat-x #815937;
	height:50px;
}
.underground_quote .ug_title_desc{
    max-width:320px;
    display:inline-block;
    font-size:16px;
}

.underground_quote {
	padding:30px 10px;
}
/******************* FEATURES ******************/
.feature {
	
}
.feature .feat_text {
	text-align:center;
}
.feature.horizontal, .feature.horizontal h1{
	text-align:center;
}
.feature.horizontal .feat_desc, .feature.testimonials .feat_container.second {
	text-align:center;
	max-width:690px;
	margin:0 auto;
}
.feature.testimonials .feat_container.second {
	padding-bottom:30px;
}
.timeline_eg {
	display:inline-block;
}
.testimonial_holder {
	/* padding:10px 20px; */
	clear:both;
	position:relative;
	height:110px;
}
.testimonial_holder > *{
	float:left;
	display:inline-block;
}
.testimonial_holder.right > *{
    float:right;
    text-align:right;
}
.testimonial_holder .testimonial_img {
	width:100px;
	height:100px;
	position:absolute;
	left:0;
	box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.testimonial_holder.right img {
    right:0;
    left:auto;
}
.testimonial_text {
	padding:5px 15px 0;
	margin:0 0 0 120px;
	text-align:left;
	font-size: 18px;
    color:#665;
}
.testimonial_text .testimonial_author{
	font-size: 14px;
	padding: 4px 0px 20px;
}
.testimonial_holder.right .testimonial_text{
	margin:0 120px 0 0;
	
}
.feat_title {
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	font-size:4em;
	margin-top:40px;
    font-family: "Architects Daughter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.testimonials .feat_title {
	color:#665;
	margin-bottom:40px;
}
.feat_desc {
    color:rgba(0, 0, 0, .4);
    text-shadow: 0px 1px 0px rgba(255,255,255,.15);
    font-size:2em;
    margin-bottom: 40px;
}
.container img.feat_img {
    margin-top:40px;
    margin-bottom:40px;	
}
.timeline .container img.feat_img {
    margin-bottom:0px; 
}
#better_crossout {
	position:absolute;
	height: 105px;
    width: 137px;
    top: -30px;
	background:url('/img/splash/sleep_better.png') 0 0 no-repeat transparent;
}
/* FEATURES */
.feature.timeline {
	background:#93bfdc;
}
.feature.timeline img {
    position:relative;
    top:40px;
    margin-top:0;
}
.feature.timeline .feature_top_border {
	background:url('/img/splash/cloud_divider.png') 0 0 repeat-x #815937;
    height:57px;
}
.feature.timeline .feature_bottom_border {
    background:url('/img/splash/grass_divider.png') 0 0 repeat-x transparent;
    height:50px;
    position:relative;
}
.feature.feat_1 {
	background:#70bb5e;
}
.feature.feat_2 {
    background:#ffbb82;
}
.feature.feat_2 .feature_top_border {
    background:url('/img/splash/orange_top.png') 0 0 repeat-x #70bb5e;
    height:50px;
}
.feature.feat_2 .feature_bottom_border {
    background:url('/img/splash/orange_bottom.png') 0 0 repeat-x #d05d67;
    height:50px;
}
.feature.feat_3 {
    background:#d05d67;
}
.feature.feat_4 {
    background:#93dbc9;
}
.feature.feat_4 .feature_top_border {
    background:url('/img/splash/blue_top.png') 0 0 repeat-x #d05d67;
    height:50px;
}
.feature.feat_4 .feature_bottom_border {
    background:url('/img/splash/blue_bottom.png') 0 0 repeat-x #9697ff;
    height:50px;
}
.feature.feat_5 {
    background:#9697ff;
}
.feature.feat_6 {
    background:#fef89b;
}
.feature.feat_6 .feature_top_border {
    background:url('/img/splash/yellow_top.png') 0 0 repeat-x #9697ff;
    height:50px;
}
.feature.feat_6 .feature_bottom_border {
    background:url('/img/splash/worm_divider.png') 0 0 repeat-x transparent;
    height:50px;
    position:relative;
}

/******************* FEATURES ******************/

.container img.seeOnImg {
	margin-top:20px;
	margin-bottom:20px;
}
/******************* ENCOURAGE APP DOWNLOAD ******************/
#downloadAppPromo {
	background:#fff;
}
#downloadAppPromo span {
	display:inline-block;
}
#downloadAppPromo .glyphicon-remove{
	position:absolute;
	top:0;
	right:0;
	padding:5px;
	color: #999;
    font-size: 32px;
    cursor:pointer;
}
/******************* FOOTER *********************/
.footer {
    padding-top:40px;
    padding-bottom:40px;
    color:rgba(0,0,0,.5);
}
.footer li {
	list-style:none;
}
.footer li a{
    color:#c7b299;
}
.bottom_worm {
	float:left;
	position:relative;
	top:-47px;
}
.worm_bottom_holder {
	float:left;
	position:absolute;
}
.bottom_worm_bottom {
	position:relative;
	left:15px;
	top:-30px;
}
.copyright { 
	padding-top:10px;
}

#flashMessage {
	top:58px;
	position:absolute;
	width:100%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	/*********************** MAIN ***************************/
	.container {
	    text-align:left;
	}
	.container img {
	    margin:auto;
	}
	/*********************** MAIN ***************************/
	.navbar {
        margin:0;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.5);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.5);
        border-radius: 0 0 6px 6px;
	}
	.navbar .logo_name {
	    display:inline-block;
	}
	.btn-create-garden {
	   display:inline-block;
    }
	#clouds {
	    background:url('/img/splash/clouds_small.png') 0 -100px repeat-x;   
	    width:100%;
	    height:204px;
	    position:absolute;
	    top:0;
	}
	#sun {
	    background:url('/img/splash/sun_and_rays.png') no-repeat;   
	    width:100%;
	    height:100%;
	    position:absolute;
	    top:0;
	}
	#sky {
	   padding-top:75px;
	   background: #c2dded;
	   /* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2dded), to(#efefef));
	   background-image: -webkit-linear-gradient(top, #c2dded, #efefef);
	   background-image:    -moz-linear-gradient(top, #c2dded, #efefef);
	   background-image:     -ms-linear-gradient(top, #c2dded, #efefef);
	   background-image:      -o-linear-gradient(top, #c2dded, #efefef); */
	}
	.main_side_text {
	    margin-left:25px;
        margin-top:30px;
	}
	.main_side_text div.tagline_desc {
        font-size:1em;
    }
	.tagline_break {
	   display:block;
	}
	.btn-big-create-garden {
	    font-size:1.5em;
	}
	.btn-big-create-garden .free_text, .btn-big-create-garden .promo_text {
	    font-size:12px;
	}
    .button_holder img {
        max-width:100px;
    }
    .tagline {
        font-size:48px;
        margin-top:20px;
    }
    .feature .feat_text.left {
	    text-align:left;
	}
	.feature .feat_text.right {
        text-align:right;
    }
    .container img.seeOnImg {
	    margin-top:20px;
	    margin-bottom:20px;
	}
	.testimonial_text {
	    margin:0 120px;
	}
    .testimonial_holder.right .testimonial_text{
        margin:0 120px;
    }
    #better_crossout {
        top: 7px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.navbar {
        margin:0 100px;
    }
    .btn-big-create-garden {
	    font-size:2em;
	}
	.btn-big-create-garden .free_text, .btn-big-create-garden .promo_text {
        font-size:14px;
    }
    .tagline {
        font-size:64px;
    }   
    .main_side_text div.tagline_desc {
        font-size:1.3em;
    }
    .button_holder img {
        max-width:150px;
    }
    .main_side_text {
        margin-top:80px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	.navbar {
        margin:0 200px;
    }
    .btn-big-create-garden {
        font-size:2.5em;
    }
    .btn-big-create-garden .free_text, .btn-big-create-garden .promo_text {
        font-size:16px;
    }
    .tagline {
        font-size:80px;
    }
    .main_side_text {
        margin-left:100px;
    }
    .main_side_text div.tagline_desc {
        margin-bottom: 60px;
    }
}