@media only screen and (min-width: 767px){
    /* Content animation */
.image-block,
.content-block {
    opacity: 0;
    transform: translateY(50px);

}

.reveal.active .image-block,
.reveal.active .content-block {
    animation: fadeInUp 1.5s ease-out forwards;
}

.image-block {
    animation-delay: 0.5s;
}

.content-block {
    animation-delay: 1s;
}

/* Fade and slide-up effect */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.content-block h2,
.content-block p {
    opacity: 0;
    transform: translateY(20px);
}

.reveal.active .content-block h2,
.reveal.active .content-block p {
    animation: fadeInUp 1s ease-out forwards;
}

.reveal.active .content-block h2 {
    animation-delay: 1s;
}

.reveal.active .content-block p:first-of-type {
    animation-delay: 1.2s;
}

.reveal.active .content-block p:last-of-type {
    animation-delay: 1.5s;
}


.wave {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    animation: waveAnimation 2s;
}

/* Wave animation */
@keyframes waveAnimation {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0px);
    }
}

.banner-content {  
    animation: fadeInUp 1.5s ease-out forwards;
    animation-delay: 0.5s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.banner-content h1,
.banner-content p,
.banner-content a {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1.5s ease-out forwards;
}

.banner-content h1 {
    animation-delay: 1s;
}

.banner-content p {
    animation-delay: 1.5s;
}

.banner-content a {
    animation-delay: 2s;
}


#discover .reveal-item {
    opacity: 0;
    transform: translateY(30px);
}

#discover.reveal.active .reveal-item {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Title comes first */
#discover.reveal.active .title {
    animation-delay: 0.2s;
}

/* List items delay order */
#discover.reveal.active li:nth-child(1) {
    animation-delay: 0.5s;
}

#discover.reveal.active li:nth-child(2) {
    animation-delay: 0.7s;
}

#discover.reveal.active li:nth-child(3) {
    animation-delay: 0.9s;
}

/* Contact button after list */
#discover.reveal.active .contact-btn {
    animation-delay: 1.1s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Footer Animation */
.footer-item {
    opacity: 0;
    transform: translateY(40px);
}

.reveal-footer.active .footer-item {
    animation: footerFadeUp 0.9s ease-out forwards;
}

.reveal-footer.active .ftr-logo {
    animation-delay: 0.2s;
}

.reveal-footer.active .menu {
    animation-delay: 0.4s;
}

.reveal-footer.active .subscribe {
    animation-delay: 0.6s;
}

.reveal-footer.active .copy {
    animation-delay: 0.8s;
}

@keyframes footerFadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
}