﻿#navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a.nav-career { color: #f56423 }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a.nav-career:hover { background-color: transparent; }
#GridContent { background-color: #F4641E; color: #fff; }
h2 { font-family: 'CalvertMTPro'; font-size: 200%; line-height: 1; letter-spacing: 0.8px; margin: 0; }
    h2.big { text-align: center; font-family: 'CalvertMTProLight'; font-size: 725%; max-width: 930px; letter-spacing: -2.9px; margin: 0 auto; }
.bigBanner { position: relative; padding-top: 30px; }
    .bigBanner .max-width { max-width: 925px; position: relative; }
.bannerText { position: absolute; bottom: 19%; width: 100%; text-align: center; }
    .bannerText h1 { font-family: 'CalvertMTProLight'; letter-spacing: 5.1px; color: #fff; z-index: 1; bottom: 19%; font-size: 540%; text-shadow: rgb(0, 0, 0) 1px 0px 10px; }
.bottomSection { text-align: center; }

.mixedRow { display: table; width: 100%; }
.colItem { display: table-cell; width: 50%; vertical-align: top; position: relative; }
.colLeft img { width: 100%; }
.smallImgs { width: 100%; display: table; }
.smallImg { display: table-cell; padding-bottom: 57%; background-size: cover; }
.rowMiddle .smallImg { padding-bottom: 28%; }

.innerContent { max-width: 521px; margin: 0 auto; }
.generalText { margin-top: 36px; font-size: 130%; line-height: 1.08; letter-spacing: 0.52px; }

.secondMixedRow h2 { margin-top: 50px; }

.picAndTitle .colLeft { width: 25%; }
.picAndTitle .colRight { width: 75%; }

.bigText { height: 54.2vw; padding: 50px 130px; background-position: right center; background-size: cover; }
    .bigText .colItem { display: block; width: 100%; }
.bigText h2 { max-width: 746px; }
    .bigText .generalText { max-width: 266px; }

.bottomSection { text-align: center; padding: 88px 16px; }
    .bottomSection .generalBtn { margin-top: 75px; }

@media(max-width:1440px) {
    .bannerText h1 { font-size: 420%; }
    h2 { font-size: 150%; }
        h2.big { font-size: 530%; }
    .generalText { font-size: 100%; }
    .bigText { padding: 50px 30px; }
    .innerContent { max-width: 415px; }
}

@media(min-width:1025px) {
    .mixedRow h2 { padding-top: 50px; }
}

@media(max-width:1025px) {
    h2 { font-size: 125%; }
    .generalText { font-size: 90%; }
    h2.big { font-size: 480% }
}

@media(max-width:991px) {
    .bannerText { bottom: 30px; }
    .generalBtn.big { width: 350px; }
    .bannerText h1 { font-size: 240%; }
    .innerContent { max-width: 90%; }
    .generalText { margin-top: 10px; font-size: 76%; }
    .secondMixedRow h2 { margin-top: 10px; }
    h2.big { font-size: 390%; }
    .bottomSection { padding: 48px 16px; }
        .bottomSection .generalBtn { margin-top: 25px; }
    .bigText .generalText { max-width: 166px; }
    .bigText { padding-top: 30px; }
        .bigText h2 { max-width: 506px; }
}

@media(min-width:768px) {
    .colRight .smallImgs { position: absolute; bottom: 0; }
    .picAndTitle h2.big { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* Only for graceful degradation in IE9, cannot be transitioned */ -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
}

@media(max-width:767px) {
    .bannerText h1 { font-size: 11vw; }
    .generalBtn.big { width: 220px; }
    h2.big { font-size: 210%; letter-spacing: 1px; }
    .mixedRow { display: block; }
    .innerContent { padding: 25px 0; }
    .picAndTitle .colLeft { display: none; }
    .picAndTitle .colRight { width: 100%; padding: 40px 10px; }
    .colItem { display: block; width: 100%; }
    .bgForMobile { position: absolute; width: 100%; left: 0; background-size: cover; bottom: 0; right: 0; background-position: center; height: 106vw; }
    .bigText { height: auto; background-color: #9c3d0f; position: relative; padding-bottom: 210px; padding: 0px 0% 36vh 0%; background: none !important; overflow: hidden; }
        .bigText .generalText { max-width: 100%; }
    .bottomSection { padding: 48px 12px; }
    .picAndText { }
    .bigText .colItem { background-color: #9c3d0f; padding: 32px 5% 33px; }
}
