* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            /*font-family: 'Montserrat', sans-serif;*/
            list-style-type: none;
            text-decoration: none;
        }
        
        .navbar {
            position: fixed;
            z-index: 100;
            width: 100vw;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            background-color: rgba(255, 255, 255, 0.507)
        }
        
        .nav-link h4 {
            font-family: 'Qwitcher Grypen', cursive;
            font-size: 3rem;
            color: #5f6185;
        }
        
        .nav-list {
            display: flex;
            justify-content: center;
        }
        
        .nav-link {
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            color: dimgray;
            width: 15rem;
            margin: 0 3rem;
            padding: .2rem;
            letter-spacing: .1rem;
        }
        
        .page-btn {
            position: fixed;
            z-index: 100;
            top: 50%;
            background-color: transparent;
            border: none;
            transform: translate(-50%);
        }
        
        .page-btn img {
            width: 2rem;
            opacity: .4;
            cursor: pointer;
            transition: opacity 0.2s;
        }
        
        .page-btn img:hover {
            opacity: 1;
        }
        
        .left-btn {
            left: 4rem;
        }
        
        .right-btn {
            right: 4rem;
        }
        
        .progress-wrapper {
            position: fixed;
            z-index: 100;
            bottom: 2rem;
            left: 3rem;
        }
        
        .progress {
            margin: 1rem 0;
            text-align: center;
        }
        
        .progress-wrapper h4 {
            font-weight: 300;
            font-family: 'Montserrat', sans-serif;
            opacity: .6;
        }
        /*
        
        .circle-wrapper {
            display: flex;
        }
        
        .circle {
            width: .8rem;
            height: .8rem;
            border: 0.1rem solid dimgray;
            border-radius: 50%;
            margin: 0 0.3rem;
            transition: background-color .3s;
        }
        */
        
        .wrapper {
            width: 100vw;
            height: 100vh;
            position: relative;
            overflow: hidden;
        }
        
        section {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            overflow: hidden;
            transition: left 1.5s;
        }
        
        .section-1 {
            z-index: 50;
        }
        
        .section-wrapper {
            width: inherit;
            height: inherit;
        }
        
        .section-1-wrapper {
            background-color: #ffffff;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(141,768,361)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%234C4E68'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='787' height='655.8' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.07'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
            background-attachment: fixed;
            background-size: cover;
            transform: scale(1.5);
            transition: all 2s;
        }
        /*
        
        @keyframes slideInFromLeft {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        */
        
        .section-1-heading {
            font-family: 'Qwitcher Grypen', cursive;
            font-size: 10rem;
            position: absolute;
            color: #fcce99;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100vw;
            text-align: center;
            /*
            animation: 1s ease-out 1s 1 slideInFromLeft;
            */
        }
        
        .section-1-sub-heading {
            font-family: 'Montserrat', sans-serif;
            color: #fcce99;
            letter-spacing: 1rem;
            position: absolute;
            top: 80%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }
        
        .section-2 {
            z-index: 40;
        }
        
        .section-2-wrapper {
            width: 100vw;
            height: 100vh;
        }
        
        .bg-section-2 {
            width: 100vw;
            height: 100vh;
        }
        
        .filter-section-2 {
            width: 80vw;
            height: auto;
            background-color: rgba(255, 255, 255, 0.507);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            justify-content: center;
            text-align: center;
            padding-top: 3%;
            padding-bottom: 2%;
            color: dimgrey;
            z-index: 41;
        }
        
        .filter-section-2 span {
            color: #5f6185;
            font-size: 5rem;
        }
        
        .text-section-2 {
            font-family: 'Montserrat', sans-serif;
            font-size: 3rem;
        }
        
        .img-section-2 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 40;
        }
        
        .img-section-2-img {
            width: 80vw;
            height: auto;
            opacity: .8;
        }
        
        .section-3 {
            z-index: 30;
        }
        
        .section-3-wrapper {
            width: 100vw;
            height: 100vh;
        }
        
        .filter-section-3 {
            width: 80vw;
            height: 80vh;
            background-color: rgba(255, 255, 255, 0.507);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            justify-content: center;
            text-align: center;
            padding-top: 3%;
            padding-bottom: 2%;
            color: dimgrey;
        }
        
        .text-section-3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.5em;
            padding-bottom: 3rem;
        }
        
        .filter-section-3 span {
            color: #5f6185;
            font-size: 2.5em;
        }
        
        .list-section-3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1em;
        }
        
        .list-section-3 li {
            padding: 1.5rem;
        }
        
        .section-4 {
            z-index: 20;
        }
        
        .section-4-wrapper {
            width: 100vw;
            height: 100vh;
        }
        
        .filter-section-4 {
            width: 80vw;
            height: 80vh;
            background-color: rgba(255, 255, 255, 0.507);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            justify-content: center;
            text-align: center;
            padding-top: 3%;
            padding-bottom: 2%;
            color: dimgrey;
            z-index: 21;
        }
        
        .img-section-4 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 20;
        }
        
        .img-section-4-img {
            opacity: 0.507;
            width: calc(100vw / 1.7);
            height: auto;
            border-radius: 51%;
        }
        
        .filter-section-4 span {
            color: #5f6185;
            font-size: 3rem;
        }
        
        .text-section-4 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1em;
        }
        
        .text-section-4 p {
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            padding: 0.8em;
        }
        
        .text-section-4 h3 {
            margin-top: 30%;
            margin-bottom: 20%;
            padding: 1em;
        }
        
        .text-section-4 a {
            color: dimgrey;
        }
        
        .filter-section-4 {
            width: calc(100vw / 1.7);
            height: calc(100vw / 1.7);
            border-radius: 51%;
            background-color: rgba(255, 255, 255, 0.507);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            justify-content: center;
            text-align: center;
            padding-top: 3%;
            padding-bottom: 2%;
            color: dimgrey;
        }
        
        .copyright {
            position: absolute;
            bottom: 2rem;
            font-size: .5rem;
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            margin: 0 auto;
            letter-spacing: .2rem;
        }
        
        .container-copyright {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #5f6185;
            opacity: .50;
        }
        /*REVEAL JS CSS*/
        /* 
    .reveal {
        opacity: 0;
    }
    
    .reveal [class*="reveal-"] {
        opacity: 0;
        transform: translateY(30px);
    }
    
    .reveal-visible [class*="reveal-"] {
        opacity: 1;
        transform: translateY(0px);
        transition: 1s;
    }
    
    .reveal-visible .reveal-2 {
        transition-delay: .2s;
    }
    
    .reveal-visible .reveal-3 {
        transition-delay: .6s;
    }
    */