faq_styles.css

body {
	background-color: white;
}

.nav { 
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgba(0, 0, 0, .90) , rgba(13, 55, 13, .90)); /* Standard syntax */
	position: fixed;
	width: 100%;
	top: 0;
	padding: .4% 10.7% .25%;
}

.nav ul li { 
	display: inline-block;
}

.nav ul li a { 
	color: white; 
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding-right: 1.8em;
	transition: color 300ms;
	-webkit-transition: color 300ms;
	text-decoration: none;
}

.nav a:hover {
	color: gray;
	text-decoration: none;
}

.header {
	text-align: center;
	margin-top: 6%;
}


.container {
	width: 90%;
}

.panel > .panel-heading {
	position: relative;
}

.panel > .panel-heading-1 {
	background: #0D370D;
	background-image: url("../img/faq-panel-1.jpg");
	background: linear-gradient(to right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-1.jpg"),;
	background: -moz-linear-gradient(right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-1.jpg"),; 
	background: -o-linear-gradient(right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-1.jpg"),; 
	background: -webkit-linear-gradient(left, rgba(13, 55, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-1.jpg"),; 
}

.panel > .panel-heading-2 {
	background: #0D370D;
	background-image: url("../img/faq-panel-2.jpg");
	background: linear-gradient(to right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-2.jpg"),;
	background: -moz-linear-gradient(right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-2.jpg"),; 
	background: -o-linear-gradient(right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-2.jpg"),; 
	background: -webkit-linear-gradient(left, rgba(13, 55, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-2.jpg"),; 
}

.panel > .panel-heading-3 {
	background: #0D370D;
	background-image: url("../img/faq-panel-3.jpg");
	background: linear-gradient(to right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-3.jpg"),;
	background: -moz-linear-gradient(right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-3.jpg"),; 
	background: -o-linear-gradient(right, rgba(13, 55, 13, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-3.jpg"),; 
	background: -webkit-linear-gradient(left, rgba(13, 55, .8), rgba(0, 0, 0, 0)), url("../img/faq-panel-3.jpg"),; 
}

.panel > .collapse {
	background-color: #dddddd;
}


/* typography */

h1,
h2 {
	font-family: 'Roboto Condensed', Futura, Helvetica, Arial, sans-serif;	
}

.header h1 {
	font-size: 3em;
}

.panel-title {
	color: white;
}

.panel-body {
	font-style: italic; 
	font-family: Georgia, Cambria, serif;
}