.hero {
    background-color: #182746;
    overflow: hidden;
    padding: 80px 75px 40px 75px;
}
.hero .hero_h1 {
    color: #ffffff;
    font-size: 75px;
    line-height: 82px;
    padding-bottom: 20px;
    /* background-color: #182746; */
}
.hero .hero_h1_yellow {
    color: #FCD900;
    font-weight: 700;
}

.hero .text_upper {
    text-transform: uppercase;
    /* font-weight: 700; */
}
.hero .h3 {
    color: #ffffff;
    padding-bottom: 30px;
}

@media screen and (min-width:1235px) and (max-width:1320px) {
    .hero {
        background-image: url('/_resources/img/hero/switcher-arrow.svg');
        background-repeat: no-repeat;
        background-position: 65% 103%;
        background-size: 55%;
    }
}

@media screen and (min-width:1321px) and (max-width:1460px) {
    .hero_h1 {max-width: 100%;}
    .hero {
        background-image: url('/_resources/img/hero/switcher-arrow.svg');
        background-repeat: no-repeat;
        background-position: 55% 104%;
        background-size: 50%;
    }

}

@media screen and (min-width:1461px) {
    .hero {
        background-image: url('/_resources/img/hero/switcher-arrow.svg');
        background-repeat: no-repeat;
        background-position: 45% 100%;
        background-size: 45%;
    }
}



@media screen and (min-width:700px) and (max-width:1024px) {
    .hero {padding: 40px 50px 40px 50px;}
    .hero .hero_h1 {
        font-size: 56px;
        line-height: 65px;
    }
    .hero .h3 {padding-bottom: 20px;}
    .button-primary-none-default {margin-bottom: 0;}
}

@media screen and (min-width: 790px) and (max-width: 1024px) {
    .inner-head > p.site-logo {padding-bottom: 10px;}
}

@media screen and (max-width:700px) {
    .hero {padding: 20px;}

    .hero .hero_h1 {
        font-size: 40px;
        line-height: 45px;
    }
    .hero .h3 {padding-bottom: 20px;}
}

/*header login override bug fix*/
@media screen and (min-width: 700px) {
	.inner-head > p.site-logo {padding-bottom: 20px;}

	#login-mobile {display: none;}
}
@media screen and (min-width: 790px) and (max-width: 1024px){.inner-head > p.site-logo {padding-bottom: 10px;}}
@media screen and (min-width: 700px) and (max-width: 790px){.inner-head > p.site-logo {padding-bottom: 0px;}}