@media (max-width: 1100px) {
    .onas-intro {
        flex-direction: column;
        text-align: center;
    }

    .onas-left {
        width: 100%;
        align-items: center;
    }

    .onas-left h1 {
        font-size: 30px;
    }

    .onas-left img {
        height: 30px;
    }

    .onas-right {
        width: 100%;
        padding: 100px;
    }
}

@media (max-width: 850px) {
    .onas-right {
        grid-template-columns: 1fr;
    }

    .onas-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 20px;
    }

    .focus-wrapper {
        grid-template-columns: 1fr;
        padding: 100px 10vw;
    }

    .focus-item h3 {
        font-size: 24px;
    }

    .focus-item p {
        bottom: 19%;
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    .onas-left h1 {
        font-size: 24px;
    }

    .onas-left img {
        height: 24px;
    }

    .onas-intro p {
        font-size: 18px;
    }

    .onas-right {
        padding: 50px 20px;
    }
}