/*
    font-family: 'PT Sans', sans-serif; 
    - navigation thinner

    font-family: 'Zilla Slab', serif;

    font-family: 'PT Serif', serif;
    - heading - fancier

    Green:  #00483A
    light green: #016853
    Gray:   #7E8083
    Light Gray:     #F4F4F4
    medium gray:    #BFBFBF;

    font-family: myriad-pro-condensed, sans-serif,Helvetica, Arial, sans-serif;
    
    
    Font: Myriad Pro

    Myriad Pro Regular
        font-family: myriad-pro, sans-serif;
        font-weight: 400;
        font-style: normal;

     Myriad Pro Bold
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        font-style: normal;
    
    Myriad Pro Bold Italic
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        font-style: italic;
    
    Myriad Pro Italic
       font-family: myriad-pro, sans-serif;
        font-weight: 400;
        font-style: italic;    
    
    Myriad Pro Bold Condensed
        font-family: myriad-pro-condensed, sans-serif;
        font-weight: 700;
        font-style: normal;

    Myriad Pro Condensed
        font-family: myriad-pro-condensed, sans-serif;
        font-weight: 400;
        font-style: normal;

    Myriad Pro Bold Condensed Italic
        font-family: myriad-pro-condensed, sans-serif;
        font-weight: 700;
        font-style: italic;

    Myriad Pro Condensed Italic
        font-family: myriad-pro-condensed, sans-serif;
        font-weight: 400;
        font-style: italic;

    Myriad Pro Bold SemiCondensed
        font-family: myriad-pro-semi-condensed, sans-serif;
        font-weight: 700;
        font-style: normal;

    Myriad Pro SemiCondensed
        font-family: myriad-pro-semi-condensed, sans-serif;
        font-weight: 400;
        font-style: normal;

    Myriad Pro SemiCondensed Italic
        font-family: myriad-pro-semi-condensed, sans-serif;
        font-weight: 400;
        font-style: italic;
    
    Myriad Pro Bold SemiCondensed Italic
        font-family: myriad-pro-semi-condensed, sans-serif;
        font-weight: 700;
        font-style: italic;

    Myriad Pro SemiExtended Italic
        font-family: myriad-pro-semiextended, sans-serif;
        font-weight: 400;
        font-style: italic;
    
    Myriad Pro SemiExtended
        font-family: myriad-pro-semiextended, sans-serif;
        font-weight: 400;
        font-style: normal;

    Myriad Pro Bold SemiExtended Italic
        font-family: myriad-pro-semiextended, sans-serif;
        font-weight: 700;
        font-style: italic;

    Myriad Pro Bold SemiExtended
        font-family: myriad-pro-semiextended, sans-serif;
        font-weight: 700;
        font-style: normal;
*/


@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes toggle-up {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes toggle-down {
    100% {
        transform: rotate(180deg);
    }
}


.sr-only {
    position: absolute
}

.sr-only {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

/*#region urgent notice*/
.pnlUrgentNotice {
    background: #fd7e14;
    padding: 1rem 1rem;
    text-align: center;
    font-size: 1.35rem;
    border-bottom: 1px dashed #0B2404;
    position: relative;
    top: 0;   
    width: 100%;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
}
    .pnlUrgentNotice a {
        color: #FFF;
    }
    .pnlUrgentNotice a:hover {
        color: #00483A;
    }
    .noticeButton {
        padding-top: 1rem;
    }
    .pnlUrgentNotice .button {
        border: 1px solid #808080;
    }
    .pnlUrgentNotice .fa-exclamation-triangle {
        color:#FFF;
        padding-right:1rem;
        font-size:1.75rem;
    }
/*#end region */
#pauseplay {
    z-index: 250;
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem;
}
#pauseplay i
{
    font-size:2rem;
    position:absolute;
    top:1rem;
    left:1rem;
}
#pauseplay a {
    color: #222
}

#pauseplay a:hover {
    color: #FFF
}


#toTheTop a, #toTheTop a:active, #toTheTop a:focus {
    color: #FFF;
}

#toTheTop a:hover {
    color: #00483A
}

.to-top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 40px;
    font-size: 1em;
    text-decoration: none;
    background: rgba(0,0,0,.85);
    color: #FFF;
    padding: 6px 10px;
    border-radius: 7px;
    display: none;
    z-index: 800;
    opacity: .9;
}

.to-top-btn:hover, .to-top-btn:active, to-top-btn:focus {
    color: #00483A
}

#top-row-mobile-search {
    position: fixed;
    top: 1.25rem;
    right: 5rem;
    cursor: pointer;
    font-size: 1.5rem;
    z-index:400;
}

#nav-icon {
    width: 1.875rem;
    height: 1.875rem;
    position: fixed;
    top: 1.5rem;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    right: 2rem;
    z-index: 400
}

#nav-icon span {
    position: absolute;
    height: 4px;
    width: 100%;
    background: #FFF;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon span:nth-child(1) {
    top: 0
}

#nav-icon span:nth-child(2) {
    top: .625rem
}

#nav-icon span:nth-child(3) {
    top: 1.25rem
}

#nav-icon.open span:nth-child(1) {
    top: .625rem;
    background: #FFF;        
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -45px
}

#nav-icon.open span:nth-child(3) {
    top: .625rem;
    background: #FFF;        
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

#theMobileNavigation {
    Background-color: rgba(0,72,58,.97);
    max-height: calc(100%);
    min-height:100%;
    overflow-y: auto;
    width:0;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;    
    transition: .3s;
    z-index: 300;
    padding-top: 4em;
}

#theMobileNavigation.open {
    width: 0;
}

#body-container.open {
    overflow-x: initial;
    position:initial;
}


.more-arrow {
    position: absolute;
    left: 15rem;
    width: 3rem;
    height: 2rem;
    text-align: center;
}

.more-arrow:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
}

.more-arrow.open:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}

#theMobileNavigation ul {
    list-style-type: none;
    padding-top: 1rem;
    margin-left:1rem !important;
    margin-right:1rem !important;
}

#theMobileNavigation ul li {
    text-align: left;
    padding: .5rem .5rem .5rem 1rem;
    border-bottom: 1px solid #777
}

#theMobileNavigation ul li a {
    font-size: 1.2rem;
    color: #FFF;
}

#theMobileNavigation ul li a:hover {
    color: #9a9a9a;
}

.mobile-sub-nav {
    display: none;
}
.mobile-sub-nav ul li {
    padding: .5rem .5rem .5rem 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.25) !important;
}
.mobile-sub-nav ul li a {
    font-size: 1rem !important;
    color: #FFF;
}
.mobile-sub-nav ul li:last-child
{
    border-bottom: 0px solid #FFF !important;
}

#body-container {
    overflow-y:hidden;
}

#top-container {
    height: 85vh;
    max-height:1000px;
    overflow: hidden;
    position: relative;
}

#mobileOpenClose {
    display:none;
}

#top-row-mobile {
    background: #00483A;
    padding: 1rem;
    height:70px;
    display: none;
}

#top-row-mobile img{
    width:100%;
    max-width:250px;
}

#top-row-mobile a {
    color:#FFF
}
#top-row-mobile a:hover {
    color: #BFBFBF;
}


#logocell {
    padding: 2.35rem 0 1rem 5rem;
    text-align: center;
}

.white-green-bottom {
    /*
    background: linear-gradient(45deg, #FFF, #FFF 100%), linear-gradient(135deg, #FFF, #FFF), linear-gradient(225deg, #FFF, #FFF), linear-gradient(225deg, #00483A, #00483A);
    background: -o-linear-gradient(45deg, #FFF, #FFF 100%), linear-gradient(135deg, #FFF, #FFF), linear-gradient(225deg, #FFF, #FFF), linear-gradient(225deg, #00483A, #00483A);
    background: -moz-linear-gradient(45deg, #FFF, #FFF 100%), linear-gradient(135deg, #FFF, #FFF), linear-gradient(225deg, #FFF, #FFF), linear-gradient(225deg, #00483A, #00483A);
    background: -webkit-linear-gradient(45deg, #FFF, #FFF 100%), linear-gradient(135deg, #FFF, #FFF), linear-gradient(225deg, #FFF, #FFF), linear-gradient(225deg, #00483A, #00483A);
    background: -ms-linear-gradient(45deg, #FFF, #FFF 100%), linear-gradient(135deg, #FFF, #FFF), linear-gradient(225deg, #FFF, #FFF), linear-gradient(225deg, #00483A, #00483A);
    background-size: 50% 50%;
    background-position: 0% 0%, 0% 100%, 100% 0%, 100% 100%;
    background-repeat: no-repeat;
    */
    border-bottom:1px solid #7E8083
}

.white-green-dig {
    background-color: #FFF;
    background-image: linear-gradient(160deg, #00483A 53%, #FFF 47%);
    background-image: -o-linear-gradient(160deg, #00483A 53%, #FFF 47%);
    background-image: -moz-linear-gradient(160deg, #00483A 53%, #FFF 47%);
    background-image: -webkit-linear-gradient(160deg, #00483A 53%, #FFF 47%);
    background-image: -ms-linear-gradient(160deg, #00483A 53%, #FFF 47%);
    height: 130px;
}

#navigation-row-upper {
    background:#FFF;
    height:65px;
    padding-right:9rem;
}

#navigation-row-upper ul {
    height: 65px;
    width: 100%;
    padding: 1.25rem 0 0 2rem;
    text-align:right
}

#navigation-row-upper ul li {
    display: inline-block;
    padding-left:2rem;
    position:relative;
}

#navigation-row-upper a {
    font-size: 1rem;
    color: #00483A;
    font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    transition: all .25s ease-in-out;
}

#navigation-row-upper i {font-size:1.35rem}

#navigation-row-upper a:hover {
    color: #7E8083;
}

.giveNav {
    background: #00483A;
    padding: .25rem 1rem;
    color: #fff;
    font-weight:900;
    letter-spacing:2px;
    border-radius:.25rem;
    transition:.2s all ease-in-out;
}
.giveNav:hover {
    background: #7E8083;    
}
    #navigation-row-lower {
    position:relative
}

#navigation-row-lower-container {
    width: 100%;
    /*max-width: 1000px; erin7-28*/
    position: absolute;
    top: 0;
    right: 0;
   /* padding-right: 15rem; erin7-28*/
    padding-right: 9rem;
}

#navigation-row-lower ul {
    text-align: right;
    height: 65px;
    width: 100%;
    padding: 1rem 0 0 2rem;
    overflow:hidden;
}

#navigation-row-lower ul:after {
    content: '';
    width: 100%; 
    display: inline-block;
}

    #navigation-row-lower ul li {
        display: inline-block;
        height: 125%;
        padding-left: 2.75rem;
    }

#navigation-row-lower a {
    font-size: 1.5rem;
    color: #FFF;
    font-family: 'PT Serif', serif;
    font-family: myriad-pro, sans-serif,sans-serif,Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    transition: all 250ms ease-in-out;
}

#navigation-row-lower ul li:hover a {
    color: #BFBFBF;
}

#navigation-row-lower ul li a::after {
    display: block;
    content: '';
    border-bottom: solid 1px #FFF;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

#navigation-row-lower ul li:hover a::after {
    transform: scaleX(1);
}

#navigation-row-lower-container ul > li:hover > .drop-menu {
    display: block;
}

.drop-menu {
    background: rgba(255,255,255,.95);
    /*
        width: 1500px;
        max-width: 90vw;
    */
    width:100vw;
    position: absolute;
    padding:2rem;
    right: 0;
    top: 4.00rem;
    display: none;
    -webkit-box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
    -moz-box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
    box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
    z-index:600;
}
.drop-menu:hover {
    display:block;
}
.drop-menu-image {
    position:relative;
    margin:auto;
}
    .drop-menu-image img {
        width: 100%;
        max-width: 550px;
    }

.drop-menu-image-caption {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    background:rgba(20,20,20,.8);
    color:#FFF;
    padding:1rem;
}
.drop-menu-image-navigation {
    padding:0 2rem;
}
.drop-menu-image-navigation ul {
    height: auto !important;
    text-align: left !important;
    padding: 0 .5rem 0 1rem !important;
}
.drop-menu-image-navigation ul li {
    display:block !important;
    
}
.drop-menu-image-navigation ul li a::after{
    border-bottom:none !important;
}
.drop-menu-image-navigation a {
    color: rgba(20,20,20,1) !important;
    font-size: 1.15rem !important;
    text-transform: none !important;
    transition: all .1s ease-in-out !important;
}
.drop-menu-image-navigation a:hover {
    color: rgba(20,20,20,.5) !important;
 }
.drop-menu-image-navigation .drop-menu-nav-headline {
    color: #00483A !important;
    font-weight: 700;
    font-size:1.25rem !important;
    padding-top:.75rem;
}
    .drop-menu-image-navigation a .drop-menu-nav-headline:hover {
        color: #7E8083 !important;
    }

#scrollDesktopMenu {
    position: fixed;
    top: 0;
    left: 0;
    height: 0;
    z-index: 300;
    background-color: rgba(0,72,58,.95);
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transition: all 1s;
}

#scrollDesktopMenuMobile {
    position: fixed;
    top: 0;
    left: 0;
    height: 0;
    z-index: 250;
    background-color: rgba(0,72,58,.95);
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transition: all .2s;
    border-bottom: 1px solid #FFF;
    display: none;
}

#scrollDesktopMenu img {
    width: 69px;
}

#scrollDesktopMenuMobile img {
    max-width: 100px;
    padding:1.25rem 0 0 1.5rem
    
}

#scrollDesktopMenu ul {
    list-style: none;
    text-align: center;
    padding: 1.5rem 1rem 0 1rem;
}

#scrollDesktopMenu ul li {
    display: inline-block;
    padding: 0 1rem;
}

#scrollDesktopMenu ul li a {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
}








.slide-container {
    width: 100%;
    height: 85vh;
    max-height:1000px;
    background-color:#00483A;
    background-position: center;
    background-size: cover;
    color: #fff;
    overflow: hidden;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

.slide-container video {
    width: 100%;
    position: absolute;
    z-index: 10;
}
    .slide-container img {
        /*width: 100%;
        position: absolute;
        z-index: 10;*/
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        object-fit: cover;
        object-position: center;
        
    }
.hero-gradient {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.15);
}

.hero-center-container {
    background:transparent;
    z-index: 200;
    position: absolute;
    top: 130px;
    width:100%;
    height: 100%;
    display: table;
}
.hero-center-container-inner {
    display: table-cell;
    vertical-align: middle;       
}

.hero-center-container-inner > .hero-content{
    position:relative;
    text-align:center;
    width:90%;
}
.hero-center-container-inner > .hero-content > .herotheButton {
    width: 600px;
    position: relative;
    margin: 0 auto;        
}

.hero-contentNoBox {
    background: !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.hero-content {
    position: relative;
    top: -65px;
    background: transparent;
    z-index: 500;
    margin: auto;
    color: #FFF;
    font-weight: 400;
    font-size: 4.5rem;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    text-align: center;
    z-index: 60;
    max-width: 100%;
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s; /* Firefox < 16 */
    -ms-animation: fadein 4s; /* Internet Explorer */
    -o-animation: fadein 4s; /* Opera < 12.1 */
    animation: fadein 4s;
}

.hero-contentSAVE {
    position: relative;
    top: 16rem;
    background: transparent;
    z-index: 500;
    width: 1200px;
    margin: auto;
    color: #FFF;
    font-weight: 400;
    font-size: 4.5rem;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    text-align: center;
    z-index: 60;
    max-width: 100%;
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s; /* Firefox < 16 */
    -ms-animation: fadein 4s; /* Internet Explorer */
    -o-animation: fadein 4s; /* Opera < 12.1 */
    animation: fadein 4s;
}

.hero-contentbox {
    position: absolute;
    padding: 2rem;
    background: transparent;
    z-index: 500;
    width: auto;
    background: rgba(0,0,0,.35);
    text-align: left;
    z-index: 60;
    max-width: 100%;
    border: 1px solid rgba(255,255,255,.4);
}

.hero-contentBR {
    bottom: 5rem;
    right: 7rem;
}

.hero-contentBL {
    bottom: 5rem;
    left: 7rem;
}

.hero-contentTR {
    top: 10rem;
    right: 5rem;
}

.hero-contentTL {
    top: 10rem;
    left: 6rem;
}

.herotheTitle {
    color: #FFF;
    font-weight: 400;
    font-size: 3rem;
    line-height: 2.75rem;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.herotheTagLine {
    font-size: 1.25rem;
    color: #FFF;
    padding: 1em 0;
}

.herotheButton {
    font-size: 1rem;
    color: #FFF;
    padding: .5rem;
    border: 2px solid #FFF;
    text-align: center;
    width: auto;
    transition: all .25s ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
}

.herotheButton a {
    color:#FFF;
    word-spacing:4px;
}

.herotheButton:hover {
    background: #00483A
}

#btnPreviousContainer {
    z-index: 200;
    position: absolute;
    top:130px;
    left: 1rem;
    height: 100%;
    display: table;
}

#btnNextContainerInner, #btnPreviousContainerInner {
    display: table-cell;
    vertical-align: middle;
}

#btnNextContainer {
    z-index: 200;
    position: absolute;
    top: 130px;
    right: 1rem;
    height: 100%;
    display: table;
}
#btnNext, #btnPrevious {
    font-size: 4rem;
    color: rgba(255,255,255,.55);
    transition: all .25s;
    position:relative;
    top:-65px;
}

#btnNext:hover, #btnPrevious:hover {
    color: #00483A;
}

#by-the-numbers-container {
    padding: 4rem 0;
    border-top: 1px solid #00483A;
    border-bottom: 1px solid #00483A;
    background: #00483A;
    background: url('/img/home_master/bkg_numbers.png') no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
    #by-the-numbers-container h2 {
        color: #00483A;
        font-weight: bold;
        font-size: 3.5rem;
        line-height: 2.75rem;
        text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
        text-align: center;
        /*font-family: 'PT Serif', serif;*/
        font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
       /* text-transform: uppercase;*/
       padding:1rem 0 2rem 0;
    }

#numbers-container {
    text-align: center;
    padding: 1rem;    
}
.numbers-content-container {
    padding:1rem
}
.numbers-content {
    border: 6px solid #7E8083;
    background: white;
    position: relative;
    width: 330px;
    height: 370px;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
}
.numbers-content img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:10;
 }
.numbers-content .numbersHeadline {
    font-size: 4rem;
    font-weight: bold;
    position: absolute;
    bottom: 4.5rem;
    color: white;
    text-align: center;
    width: 100%;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    font-family: 'PT Serif', serif;
    z-index:30;
}
.numbers-content .numbers-copy {
    font-size: 1.7rem;
    line-height:1.7rem;
    padding:.5em;
    position: absolute;
    bottom: .5rem;
    color: white;
    text-align: center;
    width: 100%;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    font-family: 'PT Serif', serif;
    z-index: 40;
}

.numbers-gradient {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(112,66,20,0.650,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

#new-events-container {
    background:#FFF;
    overflow:hidden;
}
#home-events-container, #home-news-container {
    position: relative;
    padding-bottom:.75rem;
    padding-right:2rem;
    padding-top:3rem;
}

#home-event-photo-container {
    position: relative;
    height: 625px;
    overflow: hidden;
}

#home-event-photo {
    height:100%;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    z-index:10;
}
#home-event-photo img{
    width:100%;
    height:625px;
    object-fit: cover;
}
#home-event-dig {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 20;
    background-image: linear-gradient(160deg, #FFF 65%, transparent 65%);
    background-image: -o-linear-gradient(160deg, #FFF 65%, transparent 65%);
    background-image: -moz-linear-gradient(160deg, #FFF 65%, transparent 65%);
    background-image: -webkit-linear-gradient(160deg, #FFF 65%, transparent 65%);
    background-image: -ms-linear-gradient(160deg, #FFF 65%, transparent 65%);
}

#home-event-event-box {
    background: #FFF;
    left: -30px;
    position: relative;
    z-index: 20;
}

#home-event-event-box h3 {
    color:#0A0A0A;
    text-transform:capitalize;    
    font-family: myriad-pro, sans-serif,sans-serif,Helvetica, Arial, sans-serif;
}
.event-item, .news-item {   
    padding: .5rem 1rem .5rem 0;
    border-bottom: 1px solid #e7e7e7;
    height: 80px;
}

.event-date {
    text-align: center;
    background-color: #00483A;
    color: #FFF;
    text-transform: uppercase;
    padding: .25rem;
    font-weight: bold;
    line-height: 1.5rem;
    transition: all .5s;
    border-radius:.5rem;
}

.event-item:hover .event-date {
    background-color: #7E8083;
}

.event-title, .news-title {
    padding: .5rem 1rem 0 1rem;
    font-size: 1.2rem;
    font-family: 'PT Sans', sans-serif;
    font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
    line-height: 1.5rem;
    color: #0A0A0A;
    color: #00483A;
    transition: all .25s;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.event-title:hover, .news-title:hover {
    color: #7E8083;
}
 
.event-day {
    font-size: 1.75rem;
}

.news-border {
    text-align: center;
    background-color: #00483A;
    color: #FFF;
    text-transform: uppercase;
    padding: .5rem 0;
    font-weight: bold;
    line-height: 1.5rem;
    width: 6px !important;
}
.theNewsTitle {
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.theNewsDate {
    font-style: italic;
    font-size: 1rem;
    color: #7E8083;
}
.theNewsDate i{
    font-size:.85rem;
    padding:.5rem .5rem 0 0;
}

#home-view-acaDate {
    position:absolute;
    bottom:1.5rem;
    /*left:1.25rem;*/
}

#academic-calendar-container {
    position: relative;
}

#academic-calendar-container ul {
    list-style: none;
    margin-left:0;
    /*
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    */
}

    #academic-calendar-container ul li {
        padding-bottom:.25rem;
    }

    .academic-date-item {
        font-size: 1.2rem;
        font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
        line-height: 1.5rem;
        color: #0A0A0A;
    }

.academic-date-item .theDate {
    font-weight:bold;
    color:#00483A;
}

.view-all i {
    transition:all .5s
}

.view-all:hover i{padding-left:.75rem}
#where-go-container {
    background: #00483A;
    background: url('/img/home_master/bkg_where_go.png') no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-size: cover;
    background-color: #FFF;
    padding: 0 1rem;
    border-bottom: 1px solid #00483A;
    border-top: 1px solid #00483A;
}
#home-text {
    font-size: 1.25rem;
}

.story-container {
    width: 325px;
    height: 420px;
    overflow: hidden;
    max-width: 100%;    
    border: 4px solid #FFF;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    margin: 0 30%;
    position: relative;
    transition: all .5s;
    
}

    .story-container img {
        z-index: 10;        
        /*position: absolute;
        right:0;
        bottom:0;
        width:100%;
        */
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }

.story-headline {
    height:20%;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(0,72,58,0.8);
    color:#FFF;
    padding:1rem;
    font-size:2rem;
    font-weight:bold;
    line-height:1.75rem;
    z-index:15;
}
.story-container .story-program {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.story-container:hover {
    border: 4px solid #00483A;
    -moz-box-shadow: 0 0 0 #888;
    -webkit-box-shadow: 0 0 0#888 ;
    box-shadow: 0 0 0 #888;
}


#nextstepscontainer {
    /*position: relative;*/
    background: #00483A;
    /*background: url('/img/home_master/Woit_180917_0952.jpg') no-repeat;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
    background-attachment: fixed !important;
    z-index: -10;
    /*
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
        */
    padding: 3rem 3rem 10rem 3rem;
}


    #nextstepscontainer h2 {
        color: #FFF;
        padding-top: 4rem;
        font-weight: bold;
        font-size: 4.5rem;
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
        font-family: 'PT Sans', sans-serif;
        font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
    }

.next-step-button {
    padding: 1.5rem;
    background: rgba(0,72,58,0.95);
    width: 600px;
    margin: 1rem auto;
    font-size: 1.75rem;
    color: #FFF;
    border: 3px solid #FFF;
    transition: all .5s;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
}
    .next-step-button:hover {
        background: rgba(255,255,255,0.85);               
        color: #00483A;
        border: 3px solid #00483A;
    }
#people-difference {
    padding: 1rem 10rem 1rem 1rem;
    text-align: right;
    font-size: 1.5rem;
    text-transform: capitalize;
    position: relative;
    background: #fff;
    border-top: 1px solid #00483A;
    border-bottom: 1px solid #00483A;
    color: #00483A;
}
    #people-difference img {
    position:absolute;
    bottom:-1rem;
    left:10rem;
    z-index:10;
    }
#footer-top {
    background: #F4F4F4;
    padding: 2rem;
    color: #fff
}

 #footer-bottom {
    background: #00483A;
    padding: 2rem;
    color: #fff
}
#footer-top a {
    color:#606060;
    text-transform: capitalize;
    font-size: 1rem;
    font-family: myriad-pro, sans-serif, Arial, Helvetica, sans-serif;
}
    #footer-top a:hover {
        color: #00483A;
        text-decoration:underline;
    }
#footer-top h3 {
    font-size: 1.45em;
    color: #00483A;
    padding-left: 1rem;
}
#footer-top ul {list-style:none}
#footer-quicklinks {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
#footer-middle {
    /*background: #016853;*/
    background: #00483A;
    border-top: 2px solid #FFF;
    padding: 2rem 1rem 1rem 1rem;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
    color: #FFF;
}
#footer-middle img{padding-top:.75rem}
#footer-social {
    text-align:right;
    padding:.75rem 0 .5rem 0;
}
    #footer-social i {
    padding-left:1.5rem;
    }

    #footer-social a {
        color: #FFF;
        font-size: 2rem;
    }
#footer-bottom a {
    color:#FFF;
    font-size:1rem;
    padding:0 .5rem;
}
        #footer-social a:hover, #footer-social a:focus, #footer-bottom a:hover, #footer-bottom a:focus {
            color: #7E8083;
        }

/* #region general styles */
.paddingZero {
    padding:0 !important;
}
.pt1 {
    padding-top: 1rem
}
.pt2 {
    padding-top: 2rem
}
.ptb1 {
padding:1rem 0;
}
.ptb2 {
    padding:2rem 0
}
.ptb3 {
    padding: 3rem 0
}
.plr1 {
    padding: 0 1rem;
}
.abBtmLeft {
    position:absolute;
    bottom:0;
    left:0;
}
.abBtmLeft1 {
    position: absolute;
    bottom: 1rem;
    left: 0;
}
.abBtmLeft2 {
    position: absolute;
    bottom: 1rem;
    left: 0;
}
.boxH100 {
    height:100%
}
.boxW10 {
    width:100%;
}

.text-right {
    text-align:right;
}
/*#endregion*/




/*#region media types*/
    @media(max-width:1750px) {
        .story-container {
            margin:0 25%;
        }
        
        
    }

    @media(max-width:1700px) {
        #top-container, .slide-container {
            max-height:785px;
        }
        .hero-contentBL {
            bottom: 4rem;
            left: 6rem;
        }
        .hero-contentBR {
            bottom: 4rem;
            right: 6rem;
        }
        .story-container {
            margin: 0 20%;
        }
        #home-view-moreStory {
            margin-right:3rem;
        }
        .white-green-dig {
            background-color: #FFF;
            background-image: linear-gradient(160deg, #00483A 60%, #FFF 40%);
            background-image: -o-linear-gradient(160deg, #00483A 60%, #FFF 40%);
            background-image: -moz-linear-gradient(160deg, #00483A 60%, #FFF 40%);
            background-image: -webkit-linear-gradient(160deg, #00483A 60%, #FFF 40%);
            background-image: -ms-linear-gradient(160deg, #00483A 60%, #FFF 40%);
            height: 130px;
        }
    }

    @media(max-width:1650px) {
        .story-container {
            margin: 0 15%;
        }        
    }

    @media(max-width:1600px) {
        .story-container {
            margin: 0 10%;
        }
        #people-difference {
            padding:1rem;
        }
        #people-difference img {
            left: 2rem;
        }
    }
    

    @media(max-width:1500px) {
        #logocell {
            padding: 2.35rem 0 1rem 2rem;
        }
        .hero-content {
            font-size: 4rem;
        }

        .herotheTitle {
            font-size: 2.75rem;
        }

        #by-the-numbers-container h2 {
            font-size: 2.8rem;
        }

        .numbers-content {
            width: 280px;
            height: 314px;
        }

        .numbers-content .numbersHeadline {
            font-size: 3rem;
        }

        .numbers-content .numbers-copy {
            font-size: 1.6rem;
        }

        #home-event-event-box {
            left: -20px;
        }

        #where-go-container h2 {
            font-size: 2rem;
        }

        #home-text {
            font-size: 1.15rem;
        }

        .story-container {
            width: 250px;
            height: 322px;
        }

        .story-headline {
            font-size: 1.5rem;
            height: 25%;
        }

        .story-container .story-program {
            font-size: 1rem;
        }
        #navigation-row-upper, #navigation-row-lower-container {
            padding-right: 3.5rem;
        }
    }

    @media(max-width:1400px) {
        #home-event-event-box {
            left: -15px;
        }
        #navigation-row-upper {
            padding-right: 2.75rem;
        }
        #navigation-row-lower-container {
            padding-right: 2.75rem;
        }
        #navigation-row-lower ul li {            
            padding-left: 2rem;
        }
        #navigation-row-upper ul li {            
            padding-left: 1rem;            
        }
    }

    @media(max-width:1300px) {
        #logocell {
            padding: 2.75rem 0 1rem 2.75rem;
        }
        #navigation-row-lower a {
            font-size: 1.45rem;
        }
        #top-container, .slide-container {
            max-height: 700px;
        }

        .hero-content {
            font-size: 3.5rem;
        }

        .herotheTitle {
            font-size: 2.5rem;
        }

        .hero-contentBL {
            bottom: 3rem;
            left: 6rem;
        }

        .hero-contentBR {
            bottom: 3rem;
            right: 6rem;
        }

        .numbers-content {
            width: 250px;
            height: 280px;
        }

        .numbers-content .numbersHeadline {
            font-size: 2.5rem;
        }

        .numbers-content .numbers-copy {
            font-size: 1.45rem;
        }

        #home-event-event-box {
            left: 0;
        }

        #where-story {
            width: 100%;
        }

        #where-copy {
            width: 100%;
        }

        .story-container {
            width: 325px;
            height: 420px;
        }

        .story-headline {
            font-size: 2rem;
            height: 20%;
        }

        .story-container .story-program {
            font-size: 1.25rem;
        }
    }

    @media(max-width:1200px) {
        #navigation-row-lower a {
            font-size: 1.25rem;
        }
        #navigation-row-upper a {
            font-size: .95rem;           
        }
        #navigation-row-upper ul li {           
            padding-left: 1rem;
        }
        #home-event-event-box {
            left: .5rem;
        }

        #home-events-container, #home-news-container {
            width: 100% !important;
            overflow: hidden;
        }

        news-item:last-of-type, event-item:last-of-type {
            display: none;
        }

        #home-events-container .abBtmLeft2, #home-news-container .abBtmLeft2 {
            bottom: 184px !important;
            left: 300px !important;
        }

        #home-news-container, #home-events-container {
            padding-top: 1.5rem !important;
        }

        #home-view-acaDate {
            position: absolute;
            bottom: 92px;
            left: 300px;
        }

        #home-event-event-box h3 {
            font-size: 1.6rem;
        }

        #academic-calendar-container ul {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
        }

        #academic-calendar-container li:last-child, #academic-calendar-container li:nth-child(3) {
            display: none;
        }
    }

    @media(max-width:1150px) {
        .white-green-dig {
            background-color: #FFF;
            background-image: linear-gradient(160deg, #00483A 60%, #FFF 60%);
            background-image: -o-linear-gradient(160deg, #00483A 60%, #FFF 60%);
            background-image: -moz-linear-gradient(160deg, #00483A 60%, #FFF 60%);
            background-image: -webkit-linear-gradient(160deg, #00483A 60%, #FFF 60%);
            background-image: -ms-linear-gradient(160deg, #00483A 60%, #FFF 60%);
            height: 130px;
        }
        #top-container, .slide-container {
            max-height: 600px;
        }

        .hero-contentBR {
            bottom: 3rem;
            right: 6rem;
        }

        #by-the-numbers-container h2 {
            font-size: 2.5rem;
        }

        .numbers-content {
            width: 250px;
            height: 250px;
        }

        .numbers-content .numbersHeadline {
            font-size: 2rem;
        }

        .numbers-content .numbers-copy {
            font-size: 1.35rem;
            line-height: 1.35rem;
        }

        .story-container {
            width: 250px;
            height: 322px;
            margin: 0 auto;
        }

        .story-headline {
            font-size: 1.5rem;
            height: 25%;
        }

        .story-container .story-program {
            font-size: 1rem;
        }

        #nextstepscontainer h2 {
            font-size: 4rem;
            padding-top: 3rem;
        }

        .next-step-button {
            width: 500px;
            font-size: 1.5rem;
            padding: 1.25rem;
        }
    }
    
    /* mobile nav time */
    @media(max-width:1023px) {
        #mobileOpenClose {
            display: block;
        }

        #theMobileNavigation.open {
            width: 100%;
        }
        .pnlUrgentNotice {
            padding-top:4rem;
        }

        #body-container.open {
            overflow-x: hidden;
            position: fixed;
        }

        #top-row-mobile {
            display: block;
        }

        #top-row {
            display: none;
        }

        #scrollDesktopMenu {
            display: none;
        }

            #scrollDesktopMenu ul {
                display: none;
            }

        #scrollDesktopMenuMobile {
            display: block;
        }

        #top-container, .slide-container {
            max-height: 500px;
        }

        #btnPreviousContainer, #btnNextContainer, .hero-center-container {
            top: 70px;
        }

        #btnNext, #btnPrevious {
            top: -35px;
        }

        .hero-content {
            font-size: 3rem;
            top: -35px;
        }

        .herotheTitle {
            font-size: 2.25rem;
            line-height: 2rem;
        }

        #by-the-numbers-container h2 {
            font-size: 2.5rem;
        }

        .numbers-content {
            width: 330px;
            height: 370px;
        }

            .numbers-content .numbersHeadline {
                font-size: 4rem;
            }

            .numbers-content .numbers-copy {
                font-size: 1.7rem;
                line-height: 1.7rem;
            }

        #home-event-event-box {
            left: 1rem;
            padding: 1rem;
        }

        #home-event-photo-container {
            position: relative;
            height: 400px;
            overflow: hidden;
        }

        #home-event-photo img {
            height: 400px;
        }

        #home-event-dig {
            background-image: linear-gradient(160deg, rgba(255,255,255,.85) 65%, transparent 65%);
            background-image: -o-linear-gradient(160deg, rgba(255,255,255,.85) 65%, transparent 65%);
            background-image: -moz-linear-gradient(160deg,rgba(255,255,255,.85) 65%, transparent 65%);
            background-image: -webkit-linear-gradient(160deg, rgba(255,255,255,.85) 65%, transparent 65%);
            background-image: -ms-linear-gradient(160deg,rgba(255,255,255,.85) 65%, transparent 65%);
        }

        #home-events-container, #home-news-container, #academic-calendar-container {
            margin-bottom: 2rem;
        }

            #home-events-container .abBtmLeft2, #home-news-container .abBtmLeft2 {
                position: relative;
                bottom: -1rem !important;
                left: 0 !important;
            }

        #home-view-acaDate {
            position: relative;
            bottom: 1rem;
            left: 0;
        }

        news-item:last-of-type, event-item:last-of-type {
            display: initial;
        }

        #academic-calendar-container ul {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
        }

        #academic-calendar-container li:last-child, #academic-calendar-container li:nth-child(3) {
            display: initial;
        }

        #footer-quicklinks {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
    }

    @media(max-width:875px) {
        #top-container, .slide-container {
            max-height: 400px;
        }

        .hero-content {
            font-size: 2.5rem;
        }

        .hero-contentBL, .hero-contentBR, .hero-contentTR, .hero-contentTL {
            bottom: -3rem;
            margin: auto;
            position: relative;
            max-width: 500px;
            left: 0;
            top: auto;
        }

        .herotheTitle {
            font-size: 1.75rem;
            line-height: 1.25rem;
        }

        #btnNext, #btnPrevious {
            font-size: 3rem;
        }

        .hero-center-container-inner > .hero-content > .herotheButton {
            width: auto;
            max-width: 90%;
        }

        .story-container {
            width: 250px;
            height: 322px;
            margin: 0 auto;
        }

        .story-headline {
            font-size: 1.15rem;
            height: 30%;
        }

        .story-container .story-program {
            font-size: .9rem;
        }
    }

    @media(max-width:830px) {
        .story-container {
            width: 175px;
            height: 224px;
            margin: 0 auto;
        }

        .story-headline {
            font-size: 1.15rem;
            height: 35%;
        }
    }

    @media(max-width:750px) {
        #top-container, .slide-container {
            max-height: 350px;
        }

        .hero-content {
            font-size: 2rem;
        }

        .herotheTitle {
            font-size: 1.5rem;
            line-height: 1.5rem;
        }

        .hero-contentBL > .herotheTitle, .hero-contentBR > .herotheTitle, .hero-contentTR > .herotheTitle, .hero-contentTL > .herotheTitle {
            font-size: 1.75rem;
            line-height: 1rem;
        }

        .numbers-content {
            width: 280px;
            height: 314px;
        }

            .numbers-content .numbersHeadline {
                font-size: 3rem;
            }

            .numbers-content .numbers-copy {
                font-size: 1.6rem;
            }

        #academic-calendar-container ul {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
        }

        #nextstepscontainer h2 {
            font-size: 3rem;
            padding-top: 2.5rem;
        }

        .next-step-button {
            width: 400px;
            font-size: 1.35rem;
            padding: 1.15rem;
        }

        #people-difference {
            padding: 1rem;
        }

            #people-difference img {
                left: -2rem;
            }
    }

    @media(max-width:639px) {
        #by-the-numbers-container h2 {
            font-size: 2rem;
        }

        .numbers-content {
            width: 330px;
            height: 370px;
        }

            .numbers-content .numbersHeadline {
                font-size: 4rem;
            }

            .numbers-content .numbers-copy {
                font-size: 1.7rem;
                line-height: 1.7rem;
            }

        .story-container {
            width: 325px;
            height: 420px;
            margin: 1rem auto;
        }

        .story-headline {
            font-size: 2rem;
            height: 20%;
        }

        .story-container .story-program {
            font-size: 1.25rem;
        }
    }

    @media(max-width:600px) {
        #top-container, .slide-container {
            max-height: 100%;
            height: 550px;
        }

        .hero-center-container-inner {
            vertical-align: bottom;
            padding-bottom: 2.75rem;
        }

        #btnNextContainerInner, #btnPreviousContainerInner {
            vertical-align: bottom;
            padding-bottom: 4rem;
        }

        #btnNext, #btnPrevious {
            font-size: 2rem;
        }

        .hero-contentBL, .hero-contentBR, .hero-contentTR, .hero-contentTL {
            bottom: -13rem;
        }

        #pauseplay {
            top: 4rem;
            left: 1rem;
        }

        #nextstepscontainer {
            padding: 3rem 3rem 7rem 3rem;
        }

            #nextstepscontainer h2 {
                font-size: 2.5rem;
                padding-top: 2rem;
                line-height: 2.25rem;
            }

        .next-step-button {
            width: 300px;
            font-size: 1.2rem;
            padding: 1rem;
            max-width: 100%
        }

        #people-difference {
            height: 80px;
            text-align: center;
            padding-top: 2.15rem !important;
        }

            #people-difference img {
                left: 30%;
                top: -5.75rem;
            }
    }

    @media(max-width:500px) {
        #top-row-mobile img {
            padding-top: .5rem;
        }

        #top-container, .slide-container {
            max-height: 100%;
            height: 475px;
        }

        .hero-center-container-inner {
            vertical-align: bottom;
            padding-bottom: 2rem;
        }

        #btnNextContainerInner, #btnPreviousContainerInner {
            vertical-align: bottom;
            padding-bottom: 3rem;
        }

        #btnNext, #btnPrevious {
            font-size: 2rem;
        }

        #btnNext, #btnPrevious {
            font-size: 2rem;
        }

        .hero-contentbox {
            padding: 2rem 4rem;
        }

        .hero-content {
            font-size: 1.35rem;
        }

        .hero-contentBL, .hero-contentBR, .hero-contentTR, .hero-contentTL {
            bottom: -15rem;
            border: 0;
            background: transparent;
        }

            .hero-contentBL > .herotheTitle, .hero-contentBR > .herotheTitle, .hero-contentTR > .herotheTitle, .hero-contentTL > .herotheTitle {
                font-size: 1.5rem;
                line-height: 1rem;
            }

            .hero-contentBL > .herotheTagLine, .hero-contentBR > .herotheTagLine, .hero-contentTR > .herotheTagLine, .hero-contentTL > .herotheTagLine {
                font-size: 1rem;
                padding-top: .5rem;
            }
    }

    @media(max-width:450px) {
        #top-container, .slide-container {
            height: 450px;
        }

        #btnNext, #btnPrevious {
            font-size: 1.5rem;
        }

        .hero-contentBL, .hero-contentBR, .hero-contentTR, .hero-contentTL {
            bottom: -13rem;
        }

        .numbers-content {
            width: 100%;
            height: 370px;
        }

            .numbers-content .numbersHeadline {
                font-size: 2.25rem;
            }

            .numbers-content .numbers-copy {
                font-size: 1.5rem;
                line-height: 1.7rem;
                bottom: .5rem;
            }

        #people-difference {
            font-size: 1.25rem;
        }

            #people-difference img {
                left: 20%;
            }
    }

    @media(max-width:400px) {
        #top-container, .slide-container {
            height: 425px;
        }

        .herotheTagLine {
            padding: .35em 0;
        }

        .hero-contentBL, .hero-contentBR, .hero-contentTR, .hero-contentTL {
            bottom: -11rem;
        }

            .hero-contentBL > .herotheTitle, .hero-contentBR > .herotheTitle, .hero-contentTR > .herotheTitle, .hero-contentTL > .herotheTitle {
                font-size: 1.25rem;
                line-height: 1rem;
            }

            .hero-contentBL > .herotheTagLine, .hero-contentBR > .herotheTagLine, .hero-contentTR > .herotheTagLine, .hero-contentTL > .herotheTagLine {
                font-size: 1rem;
                padding-top: .5rem;
            }

        .numbers-content {
            height: 350px;
        }

            .numbers-content .numbersHeadline {
                font-size: 2.25rem;
                bottom: 6.5rem;
            }

            .numbers-content .numbers-copy {
                font-size: 1.5rem;
                line-height: 1.7rem;
                bottom: 0;
            }

        .story-container {
            width: 250px;
            height: 322px;
        }

        .story-headline {
            font-size: 1.5rem;
            height: 25%;
        }

        .story-container .story-program {
            font-size: 1rem;
        }

        #people-difference {
            height: 100px;
        }
    }

    @media(max-width:350px) {
        #top-container, .slide-container {
            height: 400px;
        }

        .hero-contentBL, .hero-contentBR, .hero-contentTR, .hero-contentTL {
            bottom: -10rem;
        }

        .numbers-content {
            width: 250px;
            height: 280px;
        }

            .numbers-content .numbersHeadline {
                font-size: 2.5rem;
            }

            .numbers-content .numbers-copy {
                font-size: 1.45rem;
            }
    }



    /*#endregion*/