@media only screen and (max-width:1000px) { 
    body {
        overflow: auto;
        background-attachment: fixed;
    }
    .container {
        flex-direction: column;
    }
    .top {
        height: auto;
        border-right: 0px;
        width: auto;
        padding: 30px;
    }
    .right {
        padding: 30px;
    }
    .buttons {
        margin-top: 30px;
    }
    .button {
        min-width: auto;
        width: calc(100vw/2 - 68px);
    }
    .right p {
        margin-left: 10px;
        margin-right: 10px;
    }
    .screenshot {
        max-height: 86vh;
    }
}

@media only screen and (min-width:880px) and (max-width: 1000px) { 
    .button {
        min-width: auto;
        width: calc(100vw/2 - 88px);
    }
    .top {
        padding: 50px;
    }
    .right {
        padding: 30px 50px 30px 50px;
    }
    .screenshot:nth-of-type(3) {
        display: inline;
        margin-left: 2rem;
    }
}