/* CUSTOM HERO BANNER - AE */

#hero .using-image {background-position: center center; background-size: cover}
#hero .row-bg {background-position: center center !important; background-size: cover !important; }

#hero .row-bg-M {display: none}

#hero .grey p, #hero .grey h2 {color: #515151}
#hero .white p, #hero .white h2 {color: #ffffff}


#hero h2 {
/* z-index: 8; */
max-width: 680px;
white-space: normal;
font-size: 48px;
line-height: 62px;
letter-spacing: 0px;
font-family: 'Nunito';
visibility: inherit;
transition: none;
text-align: inherit;
border-width: 0px;
margin: 0 0 44px 0;
padding: 0px;
min-height: 0px;
max-height: none;
transform-origin: 50% 50% 0px;
}

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
#hero h2 {
    font-size:36px;
    max-width:580px;
    line-height:40px;
}}


#hero p {
max-width: 500px;
white-space: normal;
letter-spacing: 0px;
font-family: 'Nunito';
visibility: inherit;
transition: none;
text-align: inherit;
border-width: 0px;
margin: 0 0 32px 0;
padding: 0px;}

@media only screen and (max-width: 767px) {
#hero p {
    font-size: 15px !important;
    line-height: 21px !important;
}}

#hero p.caption1 {
max-width: 443px;
font-size: 18px;
line-height: 18px;
font-weight: 600;
margin: 0 0 20px 0;}

#hero .nectar-button {margin:0}

#hero.panel-full {padding-top: 0px; padding-bottom: 0px;}

#hero.panel-inline {padding-top: 220px; padding-bottom: 180px;}

@media only screen and (max-width: 767px) {
	#hero .row-bg-D {display: none}
	#hero .row-bg-M {display: block}
	
#hero h2 {
font-size: 24px;
line-height: 32px;
}
	
#hero p, #hero p.caption1  {
font-size: 14px;
line-height: 14px;}

#hero.panel-inline {padding-top: 100px; padding-bottom: 120px;}
	
}