@media only screen and (min-width: 801px){
    .button-download {
        width: 380px;
        padding: 0.5em;
        margin-bottom: 10%;
        font-size: 32px;
        background-color: #A8DC79;
        color: #00772C;
        border: 5px solid #A8DC79;

    }

    .button-download:hover {
        cursor: pointer;
        border: 5px solid #00772C;
        color: white;
    }

    a{
        text-decoration: none;
    }

    .downloads {
        margin-top: 10em;
        display: flex;
        justify-content: space-around;
    }

    h1 {
        margin-left: 5%;
    }
    .download-text {
        font-size: 26px;
        color: #888888;
        margin:5%;
    }

}

@media screen and (max-width: 800px){
    .button-download {
        width: 90%;
        padding: 0.5em;
        margin-bottom: 10%;
        font-size: 32px;
        background-color: #A8DC79;
        color: #00772C;
        border: 5px solid #A8DC79;
    }
    a{
        text-decoration: none;
    }
    .downloads {

        justify-content: space-around;
    }
    h1 {
        margin-left: 5%;
    }

    .download-text {
        font-size: 26px;
        color: #888888;
        margin:5%;
    }
    .button-download:hover {
        cursor: pointer;
        border: 5px solid #00772C;
        color: white;
    }
}