/* OVER-ALL*/

body{
    /*background-color: powderblue;*/
	/*font-family: 'Droid Sans', sans-serif;*/
}

p, h1{
	font-family: 'Droid Sans', sans-serif;
}
/* NAVIGATION */

.navbar{
	background-color: #242424;
	border-bottom: 1px solid #b9b9b9;
	font-family: 'Lato', sans-serif;
}

.navbar a{
	/*color: #ccc !important;*/
	color: #ccc;
}

.navbar-brand img{
	/*background-color: white;*/
	/*height: 100%;
	width: auto;*/
	margin-top: -10px;
}

.navbar a:hover{
	color:#fff !important;
	background-color:#646464 !important;
}

.navbar-header .navbar-brand{
	color: white !important;
	font-size: 1.5em;
}

/*for scroll-spy stuff*/
.navbar-default .nav li.active a{
	color: #1d1d1d !important;
	font-weight:bold;
}

ul{
	/*float: right !important;*/ /*corrected this with navbar-right class designation on the ul in index.html*/
}

/*HEADER*/

header{
	/*margin-top: 50px;*/
	padding: 140px 0px 60px 0px;	/*trbl - can stop with last positive value, last zero not needed*/
	background: url(../img/bg.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	border-bottom:2px solid #c9c9c9;
}

header h1{
	color: white;
	font-family: 'Pacifico', cursive;
	font-size: 7.5em;
}

header p{
	color: white;
	font-size: 1.3em;
}

header .btn{
	padding: 5px 50px 5px 50px;
	border-radius: 0px;
}

header img{
	/*background-color:aqua;*/
	padding-top: 2%;
}


/*MEDIA QUERIES*/
@media(max-width: 768px){
	header{
		text-align:center;
		padding-top: 15%;
	}
	header h1{
		font-size: 5em;
		/*color: yellow;*/
	}
	
	header p{
		font-size: 1em;
		/*color: pink;*/
	}
	
	header .btn{
		padding: 5px 12px 5px 12px;
	}
}

/*ABOUT*/
section#about{
	padding: 50px 0px 100px 0px;
	text-align: center;
	/*background-color: #c8f7ec;*/
}

section h1{
	font-size: 1.8em;
	color: #337ab7;
	padding: 0 0 25px; 
}

section p{
	padding-bottom: 15px;
}

/*FEATURES*/
section#features{
	background-color: #337ab7;
	text-align: center;
	color: white;
	padding: 90px 0 90px 0;
}

section#features h1{
	color: white;
	font-size: 2em;
}

section#features img{
	padding: 15px 0 35px;
}

/* PRESS */

section#press{
	padding: 90px 0 90px 0;
	text-align: center;
}

section#press h1{
	font-size: 1.8em;
	padding-bottom: 25px;
	color: #337ab7;
}

section#press .press-logo li img{
	opacity: 0.3;
	padding-bottom: 25px;
}

section#press .press-logo li:hover img{
	opacity: 1.0;
}
 
/* SCREENSHOTS */

section#screenshots{
	padding: 90px 0 90px 0;
	text-align: center;
	background-color:#235178;
	color: white;
}

section#screenshots h1{
	font-size: 2em;
	padding-bottom: 25px;
	color: white;
}

section#screenshots img{
	padding: 20px;
}

/*REVIEWS*/
section#reviews{
	padding: 90px 0px 90px;
	text-align:center;
}

section#reviews h1{
	font-size: 2em;
	padding-bottom: 25px;
	color: #337ab7;
}

section#reviews .line2{
	padding-top: 35px;
}

/*http://jsfiddle.net/pz6kx0bw/*/
section#reviews blockquote p:before { 
    content: "\201C";
    font-weight: bold;
    font-size: 3em;
    color: #337ab7;
    position: absolute; 
    top: -0.1em;
    left: .2em; 
    font-family: 'Georgia'; 
	opacity: 0.3;
} 

/*
section#reviews blockquote p:after { 
    content: "\201D";
    font-weight: bold;
    font-size: 3em;
    color: #337ab7;
    position: absolute; 
    bottom: -0.3em;
    right: 0em; 
    font-family: 'Georgia'; 
}
*/

/*BUY*/

section#buy{
	padding: 100px 0px 100px 0px;
	background-color: #1c3f5c;
	color: white;
	text-align: center;
}

section#buy h1{
	color: white;
}

section#buy h1{
	font-size: 2em;
	padding-bottom: 25px;
}

section#buy button{
	background: transparent;
	border: none;
	padding-top: 25px;
}

/*CONTACT*/
section#contact{
	padding: 100px 0px 100px 0px;
	text-align: center;
}

section#contact h1{
	font-size: 2em;
	padding-bottom: 25px;
}

section#contact .fa{
	color: #1c3f5c;
	padding: 0px 3px 0px 5px;
}

section#contact li{
	padding-right: 10px;
}

/*FOOTER - generally darker on a webpage*/
footer#footer{
	padding: 10px 0px 10px 0px;
	text-align: center;
	background-color: #242424;
	color: #aaa;
}

footer#footer h1{
	font-size: 2em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

footer#footer h1{
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
}

footer#footer p{
	font-size: 0.9em;
	color: #777;
	margin-top: 0px;
	margin-bottom: 0px;
}

footer#footer a{
	color: #777;
}

footer#footer div{
	margin-bottom: 5px;
}