@import url(28340.css);

#main {background: transparent; box-shadow: none;}

#main .image-wrapper {border: 0;}

#bokabanner {margin-top: -5rem;}

#banner {
   background: url(Images/klatsch-dark.png) no-repeat center top;
   color: #fff;
   padding-top: 20px;
}
#banner h2 {
   color: #fff;
   margin: 1rem 0;
   letter-spacing: .05em;
}

#banner ul li {
   list-style: url(Images/white-square.png) !important;
   color: #ccc;
}
#banner ul li a {color: #fff;}

.padding {
   background: url(Images/lightpaperfibers.jpg);
   padding: 10px;
   border-radius: 3px;
   box-shadow: 0 0 2px #000;
}

.start-puff {opacity: .95;}
.start-puff:hover {opacity: 1.0;}
.start-puff .image-wrapper {margin-bottom: 1rem !important;}
.start-puff h2 {
   color: #4B4C00;
   font-size: 2em;
   margin: 0 0 1rem 0;
}

#main .image-wrapper img {border: 0;}

/* ========================================================Media Queries*/
/* Larger */
@media only screen and (min-width: 960px) {
   #banner {
      min-height: 418px;
   }
}

/* Tablet and larger */
@media only screen and (min-width: 768px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   #banner {display: none;}
   .start-puff {
      opacity: 1.0;
      margin-top: 1.5rem !important;
   }
   #puff3 {margin-bottom: 1.5rem !important;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}