.svg__text--white {
        fill: #fff;
        font-family: 'bebas-neue', sans-serif;
        letter-spacing: 1.25px;
        transform-origin: center center;
        animation: pulsey 3s infinite;
        transform-box: fill-box;
    }
    
    .hero__icon {
        animation: pulsey 1.5s 1;
        transform-origin: center center;
        transform-box: fill-box;
    }

    @keyframes pulsey {
        25% {
            transform: scale(1.15);
        }
        
        50% {
            transform: scale(1);
        }
        
        100% {
            transform: scale(1);
        }
    }
    
    .hero__icon:hover {
        transform: scale(1.15);
        transition: ease-in-out 0.25s;
    }
    
    .hero__icon--1 {
        animation-delay: 1s;
    }
    
    .hero__icon--2 {
        animation-delay: 1.25s;
    }
    
    .hero__icon--3 {
        animation-delay: 1.5s;
    }
    
    .hero__icon--4 {
        animation-delay: 1.75s;
    }
    
    .hero__icon--5 {
        animation-delay: 2s;
    }
    
    .hero__icon--6 {
        animation-delay: 2.25s;
    }
    
    .hero__icon--7 {
        animation-delay: 2.5s;
    }
    
    section {
        margin-top: 0px;
    }
    
    .root,
    #hero {
        background-color: #bae5f3;
    }
    
    #hero {
        margin-top: 70px;
    }

    .background--white {
        background-color: #fff;
    }

    .background--green {
        background-color: #00bd70;
    }

    .background--green-primary {
        background-color: #009b64;
    }

    .background--green-secondary {
        background-color: #30908a;
    }

    .background--green-darker {
        background-color: #00936f;
    }

    .background--green-light {
        background-color: #7fbab7;
    }

    .background--green-darkest {
        background-color: #004d49;
    }

    .background--grey {
        background-color: rgb(248,248,248);
    }

    .background--forest {
        background-color: #00766f;
    }

    .background--grey {
        background-color: #f8f9f8;
    }

    .background--blue {
        background-color: #0081c1;
    }

    .background--blue-mid {
        background-color: #01a7e1;
    }

    .background--blue-darker {
        background-color: #0a517c;
    }

    .background--blue-lighter {
        background-color: #019dd4;
    }
    
    .background--blue-lightest {
        background-color: #71cfeb;
    }

    .background--blue-secondary {
        /* background-color: #00bbe2; */
        background-color: #52b9de;
    }

    .text--white,
    .text--white * {
        color: #fff !important;
    }

    .text--green,
    .text--green * {
        color: #00bd70;
    }

    .text--green-dark,
    .text--green-dark * {
        color: #004d49;
    }

    .text--forest,
    .text--forest * {
        color: #00766f;
    }

    .text--blue,
    .text--blue * {
        color: #006d9f;
    }

    .heading--spaced {
        letter-spacing: 3px;
    }

    .heading--oversized {
        font-size: 6.5rem;
        /*font-family: 'bebas-neue', sans-serif;*/
    }

    .share__list {
        list-style-type: none;
    }
    
    .header__container {
        height: 600px;
        position: relative;
    }
    
    .background-image {
        background-position: center;
        background-size: cover;
    }
    
    #recover .background-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url(/images/new/nrw/2020/recover.jpg);
    }
    
    #reduce .background-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url(/images/new/nrw/2020/reduce.jpg);
    }
    
    #challenge .background-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url(/images/new/nrw/2020/challenge.jpg);
    }
    
    #shift .background-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url(/images/new/nrw/2020/shift.jpg);
    }
    
    #share .background-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url(/images/new/nrw/2020/share.jpg);
    }
    
    #treasure .background-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url(/images/new/nrw/2020/treasure.jpg);
    }
    
    #champion .background-image {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)), url(/images/new/nrw/2020/champion.jpg);
    }
    
    .header__element {
        position: absolute;
    }
    
    .header__element--center {
        top: 50%;
        transform: translate(0%, -50%);
    }

    .header__element--bottom {
        top: 90%;
    }
    
    .header__element--top-left {
        top: 5%;
        left: 5%;
    }
    
    .header__heading--primary {
        font-size: 10rem;
        letter-spacing: 2rem;
        text-indent: 2rem;
    }
    
    .header__heading--secondary {
        font-size: 2rem;
        letter-spacing: 1rem;
        text-indent: 1rem;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .header__icon {
        max-width: 35%;
    }
    
    .heading__col--neg-right {
        margin-right: -25px;
    }
    
    .heading__col--neg-left {
        margin-left: -50px;
        margin-bottom: 15px;
    }


/* SECONDARY CONTENT */

.icon--secondary {
    height: 100px;
}

.icon--sponsor {
    max-height: 100px;
}

/* ARL labels */

.svg1--landing .lbl1-outer {
    fill: #000000;
}

.lbl1-outer,
.lbl2-arrows,
.st1 {
    fill: #fff;
}

.lbl1-inner,
.lbl2-inner,
.st0 {
    fill: none;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .header__heading--primary {
        font-size: 3rem;
        letter-spacing: 1.1rem;
        text-indent: 1.1rem;
    }
    
    .header__heading--secondary {
        font-size: 1.5rem;
        letter-spacing: 0.4rem;
        text-indent: 0.4rem;
    }
    
    .header__heading--secondary-long {
        font-size: 1rem;
    }
    
    .heading--oversized {
        font-size: 4rem;
    }
    
    .header__icon {
        max-width: 40%;
    }
    
    .header__container {
        height: 300px;
    }
    
    .header__element--bottom {
        top: 85%;
    }
    
    .heading__col--neg-right {
        margin-left: -31px;
    }
}
    
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 1199.98px) {
    .header__heading--primary {
        font-size: 5rem;
        letter-spacing: 2rem;
        text-indent: 2rem;
    }
    
    .header__icon {
        max-width: 40%;
    }
    .heading--oversized {
        font-size: 5rem;
    }
    
    .heading__col--neg-right {
        margin-left: -38px;
    }
}
    
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .header__element--bottom {
        top: 90%;
    }
    .header__container {
        height: 800px;
    }
    .heading__col--neg-right {
        margin-left: -55px;
    }
    .heading__col--mb {
        margin-bottom: 20px;
    }
}