@font-face {
  font-family: 'Homemade Apple';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/homemadeapple/v24/Qw3EZQFXECDrI2q789EKQZJob0x6XHgOiJM6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#volunteer {
	width: calc(100% + 30px);
	padding-top: 10px;
	padding-bottom: 20vw;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #52453C;
	background-image: url("//realweb.s3-us-west-2.amazonaws.com/christmasnativi1/images/cast-background.jpg");
	display: inline-block;
	margin-left: -15px;
	margin-right: -15px;
}
#volunteer h2 {
	font-family: Montserrat, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 40px;
	margin: 15px 0px 0px;
	font-size: 45px;
	border: 0px;
	font-style: inherit;
	outline: 0px;
	padding: 0px 0px 10px;
	vertical-align: baseline;
	clear: both;
	font-variant: inherit;
	font-size-adjust: inherit;
	font-kerning: inherit;
	font-feature-settings: inherit;
	font-optical-sizing: inherit;
	font-variation-settings: inherit;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	color: #eeeeee;
	text-align: center;
	width: 100%;
}
#volunteer p {
	color: #fce692;
}
#volunteer .btn {
	background-color: #f68005;
	border-color: #f68005;
	color: white;
	background-image: none;
}

#volunteer .red-quote {
	height: 45px;
	top: 20px;
	left: -15px;
	position: relative;
}
#volunteer .feedback-box {
	background-color: white;
	width: calc(33% - 26px);
}
.feedback-box .client-info .client-name, .testimonial .widget_zerif_testim-widget .client-name {
    font-family: 'Homemade Apple', serif;
    color: #404040;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) and (max-width: 991px) {
	#volunteer .feedback-box {
		width: calc(100% - 26px);
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media screen and (max-width: 767px) {
	#volunteer {
		padding-left: 10px;
		padding-right: 10px;
	}
	#volunteer .feedback-box {
		width: calc(100% - 26px);
	}
}