@media screen and (min-width: 1080px) {
    

    /* Welcome */

    @keyframes WelcomeTextAppears {
        from {
            opacity: 0;
            transform: translateX(50px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .homepageHeaderWelcome {
        animation: WelcomeTextAppears 1s ease-in;
    }

    /* Contact form */

    @keyframes ContactFormAppears {
        from {
            opacity: 0;
            transform: translateY(50px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .homepageHeaderForm{
        animation: ContactFormAppears 1s ease-in;
    }

    /* Background */

    @keyframes BackgroundZoomIn {
        from {
            width: 102%;
        }
        to {
            width: 120%;
        }
    }

    #homepageHeaderBackground {
        animation: BackgroundZoomIn 5s forwards;
        max-height: 700px;
    }

}