/* BANNER */
	#banner-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        background-color: white;
        border-top: 1px solid var(--color-border);
    }
    #banner-section h1.rise {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: var(--color-text);
        font-size: 7vw;
        line-height: 1.2;
        font-weight: bold;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        white-space: nowrap;
        text-transform: capitalize;
    }
    #banner-section h1.rise small {
        font-size: 0.3em;
        margin: 1em auto;
        /* text-transform: none; */
    }

    #banner-section h1.rise .blue {
        color: var(--color-blue);
    }
    #banner-section h1.rise .green {
        color: var(--color-green);
    }
    #banner-section h1.rise .orange {
        color: var(--color-orange);
    }
    


    /* MOBILE LAYOUT */

    @media (max-width: 767px) and (hover: none) and (pointer: coarse),
    (max-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 0) {

        #banner-section .scroll-down {
            position: fixed;
            flex-direction: row;
            bottom: 2em;
            right: 0;
            left: 0;
            margin: 0;
            padding: 0;
            justify-content: center;
        }
        
        #banner-section .scroll-down .icon-scroll{
            border: none;
            box-shadow: none;
        }
        #banner-section .scroll-down .icon-scroll::before{
            content: '\f25a';
            font-family: 'Font Awesome 5 Pro';
            font-weight: 300;
            position: absolute;
            z-index: 9;
            left: 0%;
            width: 30px;
            height: 30px;
            font-size: 2em;
            background: transparent;
            margin-left: 0;
            top: 0;
            border-radius: 0;
            animation-duration: 1.75s;
            animation-iteration-count: infinite;
            animation-name: scrollMobile;
        }

    }