/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/
h1, h3, h4, h5, h6 {
	font-family: "Domine", Georgia, serif;
	text-rendering: optimizeLegibility;
}
h1.logo {
	position: relative;
	z-index: 9999999 !important;
}

h2 {
	padding-bottom: .7em;
}
h1.lead {  
    border-bottom: 1px dotted #ccc; margin-bottom: 30px; }
}
h1.logo {
	position: relative;
	z-index: 9999999;
} 
.navbar .logo a {
	height: 0;
	display: inline;
}
.navbar {
	margin-bottom: 3em;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
}
a:hover {
	color: #0092ab;
}
.navbar ul li > a {
text-shadow: none;
}
.navbar ul li > a:hover {
	color: #0092ab;
	background-color:#F1F1F1;
	border-bottom: 3px solid;
}
.btn.primary, .skiplink.primary {
	background: #00a8c4;
}
.btn.primary:hover, .skiplink.primary:hover {
	background: #18BDD9;
}
.btn. a:hover {
	color: #FFFFFF;
}
#intro {
background: url(../img/envelopes.png) no-repeat 130% 28px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#timeline {
	position: relative;
	width: 100%;
	min-height: 183px;
	max-height: 460px;
	height: 460px;
	padding: 1em 0;
	background: url(../img/timeline.png) top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	margin: 6em 0;
	opacity: .4;
	-webkit-transition:365ms opacity linear;
	-moz-transition:365ms opacity linear;
	-ms-transition:365ms opacity linear;
	-o-transition:365ms opacity linear;
	transition:365ms opacity linear;
}
#timeline:hover {
	opacity:0.9;
}
#whatif{
	background: url('../img/light.png');
	padding: 5em 0;
	margin-bottom: 3em;
}
#whatif h4 {
	text-shadow: 1px 1px 0 #FFF;
}
#youcan {
	background: url(../img/left.jpg) no-repeat left top;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#try{
	background: #18BDD9;
	padding: 4em 0;
	margin-bottom: 5em;
	border-top: 14px solid;
	border-bottom: 5px solid #DDD;	
}
#try h2 {
	text-shadow: 1px 1px 0 #333;
	color: #FFF;
}
#features{
	background: #FAFAFA;
	padding: 5em 0;
}
#features p {
	padding: 1.5em 0 3em;
	font-size: .9em;
	text-align: center;
}
.try-it {
	height:auto !important;
}
#footer ul li {
	float: left;
	display: block;
	margin-right: 15px;
}
@media only screen and (max-width:1352px) {
	#youcan {
		background: url(../img/left.jpg) no-repeat -10% 0;
	}
}
@media only screen and (max-width:1328px) {
	#intro {
		background: url(../img/envelopes.png) no-repeat 142% 28px;
	}
}
@media only screen and (max-width:1244px) {
	#intro {
		background: url(../img/envelopes.png) no-repeat 170% 28px;
	}
}
@media only screen and (max-width:1190px) {
	#youcan {
		background: url(../img/left.jpg) no-repeat -20% 0;
	}
}
@media only screen and (max-width:1111px) {
	#intro {
		background: url(../img/envelopes.png) no-repeat 210% 28px;
	}
}
@media only screen and (max-width:1005px) {
	#intro {
		background: url(../img/envelopes.png) no-repeat 260% 28px;
	}
}
@media only screen and (max-width:900px) {
	#intro {
		background: url(../img/envelopes.png) no-repeat 325% 53px;
		background-size: 75%;
	}
	#youcan {
		background: url(../img/left.jpg) no-repeat -37% 0;
	}
	#intro > .row > .row > .columns > h2 {
		padding-right:0;
	}
	#intro > .row > .row > .columns > p:nth-child(2) {
		padding-right:0;
	}
}
@media only screen and (max-width:768px) {
	#intro {
		background: url(../img/envelopes.png) no-repeat 175% 0;
		background-size: 60%;
	}
	#intro > .row > .row > .columns > h2 {
		padding-right:25%;
	}
	#intro > .row > .row > .columns > p:nth-child(2) {
		padding-right:25%;
	}
	#youcan {
		background:0;
	}
	h1.lead {
		max-width:400px;
	}
}
@media only screen and (max-width: 499px) { 
	h1.lead {
		max-width:100%;
	}
	#intro {
		background:none; 
	}

	#intro > .row > .row > .columns > h2 {
		padding-right:0;
	}
	#intro > .row > .row > .columns > p:nth-child(2) {
		padding-right:0;
	}
}