body {
    font-family: "Courier", monospace;
    background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0,
    linear-gradient(27deg, #222 5px, transparent 5px) 0 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
    margin: 0;
    padding: 0;
}

div#page {
    width: 750px;
    padding: 35px 35px 15px 35px;
    margin: 0 auto 0 auto;
    background: white;
}

a, div#content div div a {
    color: #666;
}

a:visited, div#content div div a:visited {
    color: #999;
}

.comment, h1.comment a {
    color: #008000;
}

h1.comment {
    font-size: 25px;
    line-height: 10px;
}

.keyword {
    color: #00F;
}

div#content div {
    margin-left: 30px;
    margin-right: 30px;
}

div#content div div, .body-text {
    font-size: 13px;
}

div#content img {
    max-height: 50px;
    max-width: 50px;
    margin-left: 10px;
    float: right;
}

div.contact,
div.contact2,
div.link {
    display: inline;
}

iframe {
    padding: 30px;
    border: 0;
    width: 630px;
    height: 354px;
}

@media (max-width: 820px) {
    div#page {
        width: auto;
    }
}

@media (max-width: 720px) {
    div#page {
        padding: 25px;
    }
}

@media (max-width: 645px) {
    body {
        font-size: 14px;
    }
}

@media (max-width: 610px) {
    h1.comment {
        font-size: 20px;
        line-height: 5px;
    }
}

@media (max-width: 575px) {
    body {
        font-size: 12px;
    }

    div#content div div {
        font-size: 12px;
    }

    div#content div {
        margin-left: 20px;
    }
}

@media (max-width: 520px) {
    h1.comment {
        font-size: 15px;
        line-height: 5px;
    }
}

@media (max-width: 500px) {
    body {
        font-size: 11px;
    }

    div#content div div {
        font-size: 11px;
    }
}

@media (max-width: 465px) {
    body {
        font-size: 10px;
    }

    div#content div div {
        font-size: 10px;
    }

    div#content div {
        margin-left: 15px;
    }
}

@media (max-width: 435px) {
    div#page {
        padding: 10px;
    }
}

@media (max-width: 415px) {
    h1.comment {
        font-size: 12px;
        line-height: 5px;
    }
}

@media (max-width: 400px) {
    div.contact,
    div.contact2,
    div.link {
        display: block;
    }

    div.contact2 {
        margin-left: 23px;
    }
}

@media (max-width: 348px) {
    h1.comment {
        font-size: 10px;
        line-height: 5px;
    }
}