@media all and (min-width : 0) and (max-width : 960px) {
#container, #masthead, #main, #main.wide, #footer, #homePanels, #homeBottom {max-width: 960px; width: 100%; overflow: hidden;}
#homeBlog, #homeInteract {width: 42%;}
#homePanels .panelImg {left: 0;top:0;}
#homePanelsNav {left: 185px;}
#homePanels {background-color: rgba(255,255,255,0.9);}
.tools {right: 0; left: auto;}
}

@media all and (min-width : 0) and (max-width : 900px) {
#panelA, #panelB, #panelC, #panelD, #panelE, #panelF {width: 100%!important;}
#nav li {margin: 0 12px 0 0;}
}

@media all and (min-width : 0) and (max-width : 820px) {
#nav li {margin: 0 8px 0 0;}
}

@media all and (min-width : 0) and (max-width : 780px) {
#compass {display: none;}
#homePanels {height: auto;}
#homePanelsNav {position: relative; left: auto; top: auto; margin: 5px auto 0 auto; padding-bottom: 20px; text-align: center;}
#homePanelsNav li {display: block;clear: both; float: none;}
#panelA, #panelB, #panelC, #panelD, #panelE, #panelF {top: 0!important;position: relative!important;}
#bookOverview, #bookOverview div {width: 96%; margin: 0 auto; float: none; display: block; text-align: center;}
#bookOverview div img {width: 100%; max-width: 160px; margin: 0 auto; border: 0 none; height: 100%;}
#homeNews, #homePanels .panelReview, #homePanels .panelOverview, #homePanels .panelImg {left: auto; top: auto; margin: 10px auto; width: 96%; height: auto; box-sizing: border-box; position: relative; overflow: auto; bottom: auto;}
#homeNews {overflow: hidden;}
#homePanels .panelImg {width: 100%; border: 0 none;}
#homePanels .panelImg {
  border: 0 none;
  width: 96%;
  max-width: 160px;
  margin: 0 auto;
  display:  block;
}

#footer, #homeBottom {margin: 0; width: 96%; margin: 0 auto;}

#natPhoto, #nav {display: none;}
#bgWrap, .home #bgWrap #bg1 {background-color: #C7B9A0; width: 100%; background-size: cover; background-position: top center;}
#logo, .tools {width: 100%; position: relative; left: auto; top: auto; right: auto; text-align: left; margin: 0 auto;}
#logo a {margin: 0 auto 15px auto; width: 100%; height: auto; text-align: center;}
#logo a img {width: 100%; height: auto; max-width: 300px;}
#homeBlog, #homeInteract {width: 100%; display: block; clear: both; float: none;}
.tools {display: none;}

#colA, #colB, #bookCoverBuy, #sidebar, #main {border: 0 none; width: 96%; margin: 5px auto; display: block; float: none; clear: both; padding: 0;}
#sidebar h2, #sidebar ul {padding: 0; margin: 0;}
.fontResizer {display: none;}
.tools #searchForm {position: relative; margin: 0 auto; width: auto; text-align: center;}
embed, iframe {width: 100%; height: auto;}
iframe, embed {display: block; margin: 10px 0; clear: both; float: none; width: 100%; height: auto;}

.wpcf7-form-control-wrap {width: 100%;}
.wpcf7-form-control-wrap input {width: 100%;height: 30px; box-sizing: border-box;}
.wpcf7-form-control-wrap textarea {width: 100%;height: 300px; box-sizing: border-box;}
.wpcf7-submit {width: 100%; height: 33px;}

#footer p, #footer #footerNav ul, #footer #footerNav {height: auto; margin: 0; display: block; overflow: auto;}

#homePanelsNav li:nth-child(2n) {display: block; float: none;}
.left {float: none; display: block; width: 100%;}
}