.promo{
	background: #FFF4A5;
	padding: 40px;
	color:#000 !important;
}
.promo h4{
	color:#000 !important;
	font-weight: 400 !important;
}
.btn-primary{
width: 80%;
padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 20px;
 padding-right: 20px;
 background: #FFCA00;
 border: 1px solid #000;
font-size: 20px;
color: #000;
 font-weight: bold;
 word-break: break-word;
  text-decoration: none;
}
.btn-primary:hover{
	 background: #FFCA00;
	 color:#000;
}
.banner-item {
	margin-bottom: 1em;
}


@media (min-width: 200px) and (max-width: 991px) {

	.promo{
		padding: 20px;
	}
	.promo h4{
		font-size: 1.4rem !important;
	}
	.promo a{
		font-size: 1.4rem;
	}
	.promo .btn-primary{
		font-size: 1.2rem;
	}

}
iframe{
	width: 100%;
	height: 380px;
}

@media (min-width: 200px) and (max-width: 767px) {
	iframe{
		width: 100%;
		height: 200px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	iframe{
		width: 100%;
		height: 400px;
	}
}
