@media screen and (max-width: 768px) {
    .hero-btns {
        flex-direction: column;
    }

    .portfolio-menu ul {
        width: 100%;
    }

}

@media screen and (max-width: 800px) {
    .nav-links-container {
        display: none;
    }

    .menubtn {
        display: flex;
    }
}

@media screen and (max-width: 615px) {
    .mobile-nav {
        width: 100%;
    }
}

@media screen and (max-width: 860px) {
    .scroll-top span a {
        font-size: 10px;
    }

    .scroll-top::before {
        height: 1.5em;
        top: 1px;
    }

    .portfolio-menu ul li {
        font-size: 10px;
    }

    .work-subtitle {
        font-size: 13px;
        letter-spacing: 1.2px;
    }

}

@media screen and (max-width: 450px) {
    .work-subtitle {
        font-size: 10px;
        letter-spacing: 1.2px;
    }
}

@media screen and (max-width: 500px) {
    p {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .submit button.cta-btn {
        width: 100%;
        /* Cover full width on mobile */
    }
}