.hero {
    max-height: 1200px !important;
}

@media (min-width: 1440px) {
    @media (min-aspect-ratio: 16/9) {
        video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        video {
            width: auto;
            height: 100%;
        }
    }
}

@media (max-width: 1440px) {
    @media (min-aspect-ratio: 16/9) {
        video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        video {
            width: auto;
            height: 130%;
            margin-left: -30%;
        }
    }
}

@media (max-width: 1200px) {
    @media (min-aspect-ratio: 16/9) {
        video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        video {
            width: auto;
            height: 110%;
            margin-left: -30%;
        }
        .hero {
            max-height: 960px !important;
        }

    }
}

@media (max-width: 994px) {
    @media (min-aspect-ratio: 16/9) {
        video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        video {
            width: auto;
            height: 130%;
            margin-left: -30%;
        }
    }
}

@media (max-width: 768px) {
    @media (min-aspect-ratio: 16/9) {
        video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        video {
            width: auto;
            height: 100%;
            margin-left: -70%;
        }
    }
}

@media (max-width: 640px) {
    @media (min-aspect-ratio: 16/9) {
        video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        video {
            width: auto;
            height: 100%;
            margin-left: -110%;
        }
    }
}

@media (max-width: 480px) {
    @media (min-aspect-ratio: 16/9) {
        video {
            width: 100%;
            height: auto;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        video {
            width: auto;
            height: 100%;
            margin-left: -200%;
        }
    }
}



.scroll-animated-from-bottom a {
    margin-bottom: 60px !important;
}