@keyframes seasonSwitchFallIn {
    0% {
        opacity: 0;
        top: -98px;
    }
    100% {
        opacity: 1;
        top: 0px;
    }
}

.view-landing-page .view-header {
    animation: seasonSwitchFallIn ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes headerTextMainFadeIn {
    0% {
        /*width: 0%;*/
        opacity: 0;
    }
    100% {
        /*width: 100%;*/
        opacity: 1;
    }
}

.view-landing-page .group-header-text-inner {
    animation: headerTextMainFadeIn ease-out 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes socialLinksFlyIn {
    0% {
        margin-left: -75%;
    }
    100% {
        margin-left: 0%;
    }
}

.view-landing-page .group-social .field:nth-child(1) {
    animation: socialLinksFlyIn ease-out 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.view-landing-page .group-social .field:nth-child(2) {
    animation: socialLinksFlyIn ease-out 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.view-landing-page .group-social .field:nth-child(3) {
    animation: socialLinksFlyIn ease-out 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.view-landing-page .group-social .field:nth-child(4) {
    animation: socialLinksFlyIn ease-out 2.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes contentFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* .view-landing-page .field-group-html-element.fade-in {
    animation: contentFadeIn ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-delay:2s;
} */

@media (max-width: 768px) {
    .view-landing-page .view-header,
    .view-landing-page .group-header-text-inner,
    .view-landing-page .group-social .field,
    .view-landing-page .field-group-html-element.fade-in {
        animation: none !important;
    }
}