@media screen and (max-width: 720px) {
    .blender {
        width: 85vw;
        margin-bottom: 1vw;
    }

    .reviews {
        width: calc(100vw - 16px - calc(100vw - 100vw));
        display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
    }

    .top {
        grid-area: 1/1/1/6;
    }

    .bottom {
        grid-area: 2/1/2/6;
        margin-top: 4vw;
    }

    .reviews .text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .maingrid a {
        background-color: #335;
        border: 1.25vw outset #112;
        padding: 10px;
        width: auto;
        font-size: 4vw;
        margin-bottom: 4vw;
    }

    .maingrid a:hover {
        background-color: #224;
        border: 1.25vw outset #010102;
        cursor: pointer;
    }
}

@media screen and (min-width: 721px) {
    .blender {
        width: 66vw;
        margin-bottom: 1vw;
    }

    .reviews {
        display: flex;
        gap: 1vw;
    }

    .reviews .text {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .maingrid a {
        background-color: #335;
        border: 0.25vw outset #112;
        padding: 0.66vw;
        width: auto;
        font-size: 1vw;
    }

    .maingrid a:hover {
        background-color: #224;
        border: 0.25vw outset #010102;
        cursor: pointer;
    }
}