@media only screen and (max-width: 999px) {
.header {
    padding:20px;
}

.body-bkgd {
    background-size:initial;
}

.split {
    max-width:100%;
    padding:0px 20px;
}

.mobbkgd {
    padding:5px;
    background-color:rgba(255,255,255,0.7);
}

.sidebar {
    max-width:100%;
    float:none;
    padding:20px 10px;
}

.article {
    max-width:45%;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.side-banner {
    max-width:300px;
}
}

@media only screen and (max-width: 736px) {
.logo-area {
    float:none;
    width:100%;
    text-align:center;
}

.logo {
    height:40px;
    margin:0px auto;
}

.menu {
    display:none;
}

.article {
    max-width:45%;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.message-container {
    margin-bottom:40px;
    padding:0px;
}

}

@media only screen and (max-width: 420px) {
body {
    line-height:1.5em;
}

.body-bkgd {
    background-size:900px;
    padding-top:100px;
}

.message-container {
    margin-bottom:20px;
}

.message {
    font-size:22px;
    margin:20px auto 0px;
}

.prehead {
    font-size:16px;
}

.details {
    padding:10px 0px;
}

.quote {
    padding:5px 0px 0px 40px;
}

.side-headline {
    font-size:18px;
}

.article {
    max-width:300px;
}

p, ul, li {
    font-size:14px;
}

.footer {
    margin-top:20px;
    padding:10px 0px;
}

.footer-links {
    margin-bottom:10px;
}

}