/* CSS Document */

h2 {
	margin-top: 20px; margin-left: 100px;
    color: blue;
}

.faq-left-wrapper {
			clear: both;
			padding-left: 8%;
			width: 85%; height: auto;
}

.faq-left-p {
			font-weight: bold;
			padding: 20px 20px 20px 150px;
			color: black;
}

.faq-left-photo {
			float: left;
			margin-right: 20px;
			border: 1px solid #8b8c8f;
}

.faq-left-answer {
			padding: 4px 10px 4px 10px;
			color: white;
}

.faq-left-answer::first-letter {
			font-size: 3.4em;
			float:left;
			padding: 0 3px 0 3px;
			margin-left:0px; margin-right:6px; margin-top:-6px;
}

.faq-right-wrapper {
			clear: both;
			padding-left: 8%;
			width: 85%; height: auto;
}

.faq-right-p {
			font-weight: bold;
			padding: 20px 20px 20px 150px;
			color: black;

}

.faq-right-photo {
			clear: left;
			float: right;
			margin-left: 20px;
			border: 1px solid #8b8c8f;
}

.faq-right-answer::first-letter {
			font-size: 3.4em;
			float: left;
			padding: 0 3px 0 3px;			
			margin-left:0px; margin-right:6px; margin-top:-6px;
}

.faq-right-answer {
			padding: 4px 10px 4px 10px;
			text-align: left;
			color:white;
}


@media only screen and (min-width:780px) and (max-width:1050px) {
            h2 {
                margin-top: -20px;
            }
			#banner {
				padding-bottom: 60px;
			}
			.faq-left-wrapper, .faq-right-wrapper {
			padding-left: 4%;
			}
}

@media only screen and (min-width:560px) and (max-width:779px) {
            h2 {
                margin-top: -20px;
            }
			#banner {
				padding-bottom: 60px;
			}
			.faq-left-wrapper, .faq-right-wrapper {
			padding-left: 4%;
			}
}

@media only screen and (max-width:560px) {
            h2 {
                margin-top: -20px;
            }
			#banner {
				padding-bottom: 60px;
			}
			.faq-left-wrapper, .faq-right-wrapper {
			padding-left: 4%;
			}
}