.hero-wrapper { position: relative; background-color: #000; padding:0; }
.hero-wrapper .hero-block { margin:0; padding:80px 0 40px; background-image: url(/images/hero/hero-tax-back-2.jpg); background-position: left bottom; background-size: cover; background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.hero-wrapper .hero-block h1 { margin:0; font-size: 34px; font-weight: bold; }
.hero-wrapper .hero-block h2 { font-size: 24px; margin:0 0 20px; }
.hero-wrapper .hero-block h3 { font-size: 34px; font-weight: bold; margin:0 0 10px; }
.hero-wrapper .hero-block h4 { font-size: 16px; font-weight: normal; margin:0 0 30px; }
.hero-wrapper .hero-block a.button { background-color: #00dcaf; color: #fff; font-weight: bold; font-size: 18px; padding:7px 30px; }
.hero-wrapper .hero-block a.button:hover { background-color: #00dcaf; }

.hero-wrapper iframe { background-color: #eee !important; }

.call-out { background-color: #00dcaf; padding:20px 0; text-align: center; margin:0 0 40px; }
.call-out h3 { display: inline-block; margin:0 10px 0; font-size: 20px; font-weight: bold; color: #fff; line-height: 40px; }
.call-out a.button { background-color: #fff; color: #00dcaf; font-size: 17px; line-height: 40px; padding:0 15px; margin:0; font-weight: normal; }

@media (max-width:64em) {
	.hero-wrapper .hero-block { background-image: none; padding:20px 0; }
	.hero-wrapper { text-align: center; padding:20px 0; }
	.hero-wrapper { background-color: #fff; color: #333; text-align: center; }
	.hero-wrapper iframe { max-width: 100% !important; height: 620px !important; }
}

@media (max-width:42em) {

	.hero-wrapper { text-align: center; padding:20px 0; }
	.hero-wrapper iframe { width: 100% !important; height: 620px !important; }
	.call-out h3 { line-height: 1.2em; display: block; margin:0 0 20px; }
}