.image-xxs { height:37px; max-height:37px; }

a:hover { text-decoration:none; }

.credit { text-align:right; color: #999; margin-right:36px; margin-top:18px; margin-bottom: 30px; }

.stonehopper  { color:#ccc; font-family: Lato, sans-serif; font-weight:400;}

.stonehopper a, .stonehopper a:visited { font-weight:900; color:#aaa;}

.gray { color: #999; }

.bottom { vertical-align: bottom; }

.shell {  }

body { font-family: Lobster,cursive; }

.box { font-family: Lato, sans-serif; font-weight: 700; position:relative; border: 1px solid #ddd; height:320px; border-collapse: collapse; font-size:14px; color:#666; background-color:#fff;}

.box:hover { background-color:#eee; border: 1px solid #aaa; }

.week { display:flex;}

.month { text-align:center; height:50px; vertical-align:bottom; background-color:#777; color:#fff; font-size:24px;text-shadow:1px 1px #333;}

.hed { margin-top:20px; vertical-align:bottom; font-size:14px;}

.hed a, .hed a:visited { color:#fff; }

.mo { font-size:24px; margin-top:10px; text-shadow:1px 1px #000;}

.box img { position:absolute; top:36px;left:0; height:284px; width:100%; z-index:1;}

.box .date { position:absolute;z-index:9; opacity:1;top:0;right:6px; font-size:24px;font-weight:300;}

.bv { background-color:#fff; font-size: 32px; text-align:center; padding:8px; padding-top:2px;padding-bottom:2px; }

.nav { background-color: #fff; margin-left:0px; }

.lt-gray { background-color: #fff; }

.wht-bg { background-color: #fff; }

.bv-nav { background-color:#fff; text-transform:uppercase; font-size:10px; letter-spacing:0.2em; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-top:6px;color:#666;}

.dropdown-item { text-align:center; font-size:10px; background-color:#333; color:#aaa; margin-top:8px; margin-bottom: 8px; }

.dropdown-item:hover { background-color:#333; color:#fff; }

.dropdown-menu { background-color:#333;padding-left:16px; padding-right:16px;}

.week-top { padding-top:6px; padding-bottom:3px; text-align:center; background-color: #eee; display:flex !important; }

.bv h1 { font-family: Raleway, sans-serif; color:#333; font-size:22px; font-weight:300; margin-top:8px; text-transform:uppercase; text-shadow:1px 1px #fff; }

@media (min-width: 576px) {

.bv h1 { font-size:24px;
 letter-spacing: 0.8em; 
  }
.month { height:50px; }

.mo { margin-top:10px; }

.hed { margin-top:14px; font-size:20px;}

.box .date { position:absolute;z-index:9; opacity:1;top:0;right:6px; font-size:22px;font-weight:700;}

.box { font-family: Lato, sans-serif; font-weight: 700; position:relative; border: 1px solid #ddd; height:480px; border-collapse: collapse; font-size:14px; color:#666; background-color:#fff;}

.box img { position:absolute; top:36px;left:0; height:446px; width:100%; z-index:1;}

 }

@media (max-width: 768px) { 

.bv-nav { display:none; }

.nav { margin-left:2%; }

}
@media (min-width: 768px) { 

.week { height:95px;}
.box { font-size:10px; }

.bv h1 { font-size:28px; }

.month { height:80px; }
.mo { font-size:48px; margin-top:8px; } 

.hed { margin-top:38px; font-size:26px;}

.box { font-family: Lato, sans-serif; font-weight: 700; position:relative; border: 1px solid #ddd; height:100%; border-collapse: collapse; font-size:14px; color:#666; background-color:#fff;}

.box img { position:absolute; top:20%;left:0; height:80%; width:100%; z-index:1;}

.box .date { position:absolute;z-index:9; opacity:1;top:0;right:6px; font-size:12px;font-weight:700;}

}

@media (min-width: 992px)  {

.week { height:102px;}
.box { font-size:12px; }

.box .date { position:absolute;z-index:9; opacity:1;top:-2px;right:6px; font-size:14px;font-weight:700;}

}

@media (min-width: 1200px) { 

.week { height:130px;}
.box { font-size:14px; }

.box .date { position:absolute;z-index:9; opacity:1;top:0px;right:6px; font-size:16px;font-weight:700;}


}

@media (min-width: 1500px) { 

.week { height:144px;}
.box { font-size:16px; }



}

@media print

{ 

.week { height:150px;}
.box { font-size: 18px; }
}