@media screen and (max-width: 535px) {
.shopNav span
{
font-size: 90%;
}
}

@media screen and (max-width: 500px) {
.shopNav > a:link, .shopNav  > a:visited, .shopNav  > div
{
width: 98%;
border: none;
float: left;
}

.shopNav span
{
font-size: 102%;
}

.libraryNav > div
{
margin: 0px auto 20px;
display:block;
padding: 10px 0px;
width: 99%;
}

.libraryNav > div img, .libraryNav > div a img
{
margin: 10px 1%;
width: 98%;
clear: left;
float: both;
}

.libraryNav > div h2, .libraryNav > div h3
{
text-align: center;
width: 98%;
clear: left;
float: none;
}

.libraryNav > div p
{
margin: 10px 1% 0px;
width: 98%;
height: auto;
float: none;
clear: left;
}

.pageNav a
{
margin: 10px 5px 10px 0px;
height: 83px;
width: 90px;
}

.pageNav a#pBack
{
background-image:url('../img/back-m.png');
}

.pageNav a#pHome 
{
background-image:url('../img/logo-m.png');
}

.pageNav a#pTop
{
background-image:url('../img/up-m.png');
}

.pageNav a#pFwd
{
background-image:url('../img/forward-m.png');
}
}

@media screen and (max-width: 400px) {
.headMast a#logo
{
position: relative;
background-image:url('../img/logo-m.png');
margin: 7px 20px 0px 7px;
height: 84px;
width: 91px;
}
 
div.accessOpt
{
margin: 20px 10px 0px 0px;
}

a.navToggle:link, a.navToggle:visited
{
margin: 33px 5px 0px;
}
}

@media screen and (max-width: 360px) {
.pageNav a
{
margin: 10px 5px 10px 0px;
height: 65px;
width: 70px;
}

.pageNav a#pBack
{
background-image:url('../img/back-sm.png');
}

.pageNav a#pHome 
{
background-image:url('../img/logo-sm.png');
}

.pageNav a#pTop
{
background-image:url('../img/up-sm.png');
}

.pageNav a#pFwd
{
background-image:url('../img/forward-sm.png');
}
}