@media only screen and (min-device-width: 1200px) {

    body {
        width:          1200px;
        margin:         40px auto 0 auto;
        font-size:      17px;
    }

    h2 {
        margin:         50px 0;
    }

    p {
        margin:         20px 0;
    }

    #letter {
        border:         1px solid black;
        padding:        30px 80px;
        font-style:     italic;
    }

    #online {
        padding:        30px 80px;
    }

    #signatures {
        font-style:     normal;
    }

    .refresh {
        font-size:      25px;
    }
}

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

    body {
        margin:         10px;
    }

    input {
        margin:         10px 0;
    }
}

.quote {
    font-size:          12px;
}