@media (max-width: 768px) {
    .hero {
        height: auto;
        min-height: auto;
        display: block;
    }

    .intro,
    .header {
        padding: 0 20px;
        margin: 0;
        flex-wrap: wrap;
    }

    .intro {
        height: 100%;
        width: 100%;
        max-width: 100%;

        &.fade-up {
            transform: translateY(0);
        }
    }

    .page-header {
        min-height: auto;
    }

    .page-intro {
        padding: 30px;
        max-width: 90%;
    }

    .footer-top,
    .footer-bottom {
        flex-direction: column;
        gap: 20px;
        text-align: center;

        .footer-menu {
            text-align: left;
        }
    }

    .footer-logo {
        text-align: center;
        margin-top: 40px;
    }

    .category-companies .companies {
        grid-template-columns: repeat(2, 1fr);
    }

    .company-detail {
        flex-direction: column;
    }

    .company-detail__content,
    .company-detail__aside {
        width: 100%;
        min-width: 0;
    }

    .create-section form {
        grid-template-columns: repeat(2, 1fr);
    }

    .profile-company-card__heading,
    .profile-company-card__details {
        flex-direction: column;
        text-align: center;
    }

    .profile-company-card__actions {
        flex-wrap: wrap;
        justify-content: center;
    }

}