body {padding: 0; margin: 0; background-color: #ffffff; color: #4d4d4d; font: 20px arial, sans-serif; text-align: center;}

img {max-width: 100%; height: auto;}
.boldheading {font-weight: bold;}
a {text-decoration: none; color: #007acc;}

header {margin: 0; padding: 0;}
.logo {max-width: 850px; padding: 20px 10px; margin: 0 auto; text-align: right; color: #4d4d4d; font-size: 26px;}
.art {color: #ff4d4d;}
nav {max-width: 850px; padding: 0; margin: 0 auto; font-size: 24px;}
header ul {padding: 0; margin: 0; list-style-type: none; overflow: hidden;}
header li {float: right;}
header li a {display: block; padding: 10px 22px; color: #808080; text-align: center; text-decoration: none;}
.current {color: #ff4d4d;}
header li a:hover:not(.current) {color: #b3b3b3;}

main {display: block; max-width: 950px; padding: 0; margin: 0 auto; text-align: center;}
h1 {max-width: 850px; padding: 0 10px; margin: 40px auto 10px auto; font-weight: normal; font-size: 34px; color: #1a1a1a;}
h2 {max-width: 850px; padding: 0 10px; margin: 100px auto 10px auto; font-weight: normal; font-size: 30px; color: #333333;}
h3 {max-width: 850px; padding: 0 10px; margin: 40px auto 10px auto; font-weight: normal; font-size: 26px; color: #404040;}
.centerhebtext {max-width: 850px; padding: 0 10px; margin: 0 auto; text-align: right;}
.bigimg {max-width: 850px; padding: 0; margin: 22px auto; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); border-radius: 0 0 2px 2px; font-size: 17px; color: #666666;}
.smallimg {display: inline-block; max-width: 400px; padding: 0; margin: 22px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); border-radius: 0 0 2px 2px; font-size: 17px; color: #666666;}

.blogbox {max-width: 850px; min-height: 180px; padding: 0; margin: 30px auto 30px auto; text-align: center; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); border-radius: 0 4px 4px 0;}
.blogbox img {float: left; margin-right: 20px;}
.blogbox span {display: block;}
.blogbox p {padding: 0 10px; text-align: right;}
.blogbox .blogheading {font-size: 23px;}
.blogbox span a {color: #264d73;}
.spandate {font-size: 16px; color: #666666;}

.aboutimg {float: left; margin: 0 20px 0 0;}

footer {max-width: 850px; padding: 0; margin: 0 auto; border-top: 1px solid #808080; color: #666666; text-align: center;}
footer p {padding: 16px 0; margin: 0; font-size: 16px;}
.nowrap {white-space: nowrap;}

/* ***************************  MEDIA QUERIES ************************************ */

@media screen and (max-width: 950px)
{
.smallimg {max-width: 350px; margin: 10px 0;}
.commentsize {max-width: 720px;}
}

@media screen and (max-width: 790px)
{
header li a {padding: 10px 10px;}
.smallimg {max-width: 300px;}
.commentsize {max-width: 600px;}
}

@media screen and (max-width: 680px)
{
nav {font-size: 20px;}
header li a {padding: 6px 8px;}
.smallimg {display: block; max-width: 400px; margin: 22px auto;}
.aboutimg {display: block; float: none; margin: 0 auto 20px auto;}
.blogbox {min-height: 100px;}
.blogbox img {max-width: 100px;}
.blogbox .spandate {font-size: 16px;}
.commentsize {max-width: 450px;}
}

@media screen and (max-width: 500px)
{
.hiddenword {display: none;}
.commentsize {max-width: 280px;}
}

@media print 
{
header {display: none;}
img {display: none;}
}