body {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:large;  
    padding:20px;
}

.header {
    padding:20px;
}

.document {
    padding: 20px;
}

.document h3 {
    margin: 40px 0px 40px 0px;
}

    .document p {
        margin-bottom:30px;
        line-height:1.5em; 
        text-align: justify;  
    }

.footer {
    padding: 20px;
    text-align:center;
}

    .footer .accept {
        margin:auto;
        padding:10px;
        font-size:18px;
        border-radius:10px;
        background-color:gainsboro;
        width:140px; 
    }

    .footer .accept:hover {
        background-color:gray;
        color:white; 
    }


@media only screen and (max-width:980px) {

    body {
        padding: 0px;
    }


    .header {
        padding: 20px;
        font-size:larger; 
    }

    .document {
        padding: 40px;
    }

        .document h3 {
            margin: 50px 0px 50px 0px;
            font-size: 40px;
        }

        .document p {
            margin-bottom: 40px;
            font-size: 26px;
        }

    .footer .accept {
        margin: auto;
        padding: 20px;
        font-size: 40px;
        border-radius: 20px;
        width: 40%;
        margin-bottom:60px; 
    }
}