* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    width: 100vw;
    overflow-x: hidden !important;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    display: flex;
    animation: marquee 20s linear infinite;
}

#contact iframe {
    width: 100%;
}

@media (min-width: 390px) and (max-width: 768px) {

    #hero-section {
        flex-direction: column;
    }

    nav {
        padding: 8px 0;
    }

    .marquee img {
        height: 40px;
    }

    .hero-heading {
        font-size: 33px;
    }

    .hero-description {
        font-size: 20px;
    }
}

@media (max-width: 390px) {
    #hero-section {
        flex-direction: column;
    }

    nav {
        padding: 8px 0;
    }

    .marquee img {
        height: 40px;
    }

    .hero-heading {
        font-size: 33px;
    }

    .hero-description {
        font-size: 20px;
    }
}