body.page-id-17 #hero.subhero-main { width: 100%; height: 561px; }
body.page-id-17 #hero.subhero-main > .container > .row { height: calc(561px - 139px); }

body.page-id-19 #hero.subhero-main { width: 100%; height: 561px; }
body.page-id-19 #hero.subhero-main > .container > .row { height: calc(561px - 139px); }

body.page-id-21 #hero.subhero-main, body.page-id-23 #hero.subhero-main { width: 100%; height: 561px; }
body.page-id-21 #hero.subhero-main > .container > .row, body.page-id-23 #hero.subhero-main > .container > .row { height: calc(561px - 139px); }

#hero.subhero-main > .container > .row .description > p { font-size: calc(30px * .725) !important; }

body.page-id-17 .background.subhero-main { background-position: center bottom, right 3.5vw bottom 22vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 35%, auto; background-blend-mode: normal, normal, multiply; }

body.page-id-19 .background.subhero-main { background-position: center bottom, right -10vw bottom 22vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 75%, auto; background-blend-mode: normal, normal, multiply; }

body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right -25vw bottom 22vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 100%, auto; background-blend-mode: normal, normal, multiply; }

@media (min-width: 413px) {
    body.page-id-17 .background.subhero-main { background-position: center bottom, right 3.5vw bottom 5vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 42.5%, auto; }

    body.page-id-19 .background.subhero-main { background-position: center bottom, right -10vw bottom 5vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 87.5%, auto; }

    body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right 3.5vw bottom 5vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 100%, auto; }
}

@media (min-width: 576px) {
    body.page-id-17 #hero.subhero-main { width: 100%; height: 718px; }
    body.page-id-17 #hero.subhero-main > .container > .row { height: calc(718px - 139px); }

    body.page-id-19 #hero.subhero-main { width: 100%; height: 718px; }
    body.page-id-19 #hero.subhero-main > .container > .row { height: calc(718px - 139px); }

    body.page-id-21 #hero.subhero-main, body.page-id-23 #hero.subhero-main { width: 100%; height: 718px; }
    body.page-id-21 #hero.subhero-main > .container > .row, body.page-id-23 #hero.subhero-main > .container > .row { height: calc(718px - 139px); }

    #hero.subhero-main > .container > .row .description > p { font-size: 30px !important; }

    body.page-id-17 .background.subhero-main { background-position: center bottom, right 3.5vw bottom 4vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 35%, auto; }

    body.page-id-19 .background.subhero-main { background-position: center bottom, right -15vw bottom 4vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 75%, auto; }

    body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right -25vw bottom 4vw, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 100%, auto; }
}

@media (min-width: 768px) {
    body.page-id-17 #hero.subhero-main { width: 100%; height: 1018px; }
    body.page-id-17 #hero.subhero-main > .container > .row { height: calc(1018px - 139px); }

    body.page-id-19 #hero.subhero-main { width: 100%; height: 1018px; }
    body.page-id-19 #hero.subhero-main > .container > .row { height: calc(1018px - 139px); }

    body.page-id-21 #hero.subhero-main, body.page-id-23 #hero.subhero-main { width: 100%; height: 1018px; }
    body.page-id-21 #hero.subhero-main > .container > .row, body.page-id-23 #hero.subhero-main > .container > .row { height: calc(1018px - 139px); }

    #hero.subhero-main > .container > .row .description > p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 8; }

    body.page-id-17 .background.subhero-main { background-position: center bottom, right 3.5vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 25%, auto; }

    body.page-id-19 .background.subhero-main { background-position: center bottom, right -35vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 75%, auto; }

    body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right -20vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto, 100%, auto; }
}

@media (min-width: 992px) {
    body.page-id-17 .background.subhero-main { background-position: center bottom, right 3.5vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }

    body.page-id-19 .background.subhero-main { background-position: center bottom, right -35vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }

    body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right -50vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }
}

@media (min-width: 1200px) {
    #hero.subhero-main > .container > .row .description > p { -webkit-line-clamp: 7; }

    body.page-id-19 .background.subhero-main { background-position: center bottom, right -17.5vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }

    body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right -40vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }
}

@media (min-width: 1400px) {
    #hero.subhero-main > .container > .row .description > p { -webkit-line-clamp: 5; }

    body.page-id-19 .background.subhero-main { background-position: center bottom, right -10vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }

    body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right -20vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }
}

@media (min-width: 1920px) {
    body.page-id-17 .background.subhero-main { background-position: center bottom, right 10vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }

    body.page-id-19 .background.subhero-main { background-position: center bottom, right 0vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }

    body.page-id-21 .background.subhero-main, body.page-id-23 .background.subhero-main { background-position: center bottom, right -5vw bottom, center bottom; background-repeat: repeat-x, no-repeat, repeat-x; background-size: auto; }
}