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

img {max-width: 100%; height: auto;}
.boldheading {font-weight: bold;}
.nowrap {white-space: nowrap;}
a {text-decoration: none; color: #007acc;}
.amazon {color: #ff9900; font-size: 21px;}

header {margin: 0; padding: 0;}
.logo {max-width: 850px; padding: 20px 10px; margin: 0 auto; text-align: left; color: #4d4d4d; font-size: 26px;}
.art {color: #ff4d4d;}
nav {max-width: 850px; padding: 0; margin: 0 auto; font-size: 26px;}
header ul {padding: 0; margin: 0; list-style-type: none; overflow: hidden;}
header li {float: left;}
header li a {display: block; padding: 8px 40px; 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; font-weight: normal; font-size: 38px; margin: 50px auto 10px auto; color: #1a1a1a;}
h2 {max-width: 850px; padding: 0 10px; font-weight: normal; font-size: 34px; margin: 100px auto 10px auto; color: #333333;}
h3 {max-width: 850px; padding: 0 10px; font-weight: normal; font-size: 28px; margin: 50px auto 10px auto; color: #404040;}

.centerhebtext {max-width: 850px; padding: 0 10px; margin: 0 auto; text-align: left;}
.bigimg {max-width: 850px; margin: 22px auto;}
.smallimg {display: inline-block; max-width: 400px; margin: 22px;}
.bigimg, .smallimg {padding: 0; font-size: 18px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); border-radius: 0 0 2px 2px; 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: right; margin-left: 20px;}
.blogbox span {display: block;}
.blogbox p {padding: 0 10px; text-align: left;}
.blogbox .blogheading {font-size: 23px;}
.blogbox span a {color: #264d73;}
.spandate {font-size: 18px; color: #666666;}

.imgfloatright {float: right; margin: 0 0 0 20px;}

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: 18px;}

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

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

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

@media screen and (max-width: 680px)
{
header li a {padding: 8px 18px;}
.smallimg {display: block; max-width: 400px; margin: 22px auto;}
.imgfloatright {display: block; float: none; margin: 0 auto 20px auto;}
.blogbox {min-height: 100px;}
.blogbox img {max-width: 100px;}
}

@media screen and (max-width: 550px)
{
nav {font-size: 22px;}
header li a {padding: 8px 10px;}
}

@media screen and (max-width: 410px)
{
nav {font-size: 20px;}
header li a {padding: 8px 4px;}
}

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