/* yesteryear-regular - latin */
@font-face {
  font-family: 'Yesteryear';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yesteryear-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yesteryear-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yesteryear-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yesteryear-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yesteryear-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yesteryear-v14-latin-regular.svg#Yesteryear') format('svg'); /* Legacy iOS */
}


@import 'prettyPhoto.css';


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
html {	font-size: 100.01%; }
body {margin:0 auto; background-color:#d9eced;font-family: Helvetica, Tahoma, sans-serif; font-size:70.00%;}

.container {text-align:center;}

li.span3 { background-color:#FFF; display:block inline; padding:10px; width:45%; float:left;}
li.span3 a { float:left;}

li.span3 .right { background-color:#FFF; display:block inline; padding:10px; width:45%; float:right;}
li.span3 .right a { float:right;}

.title {background-color:white; padding:6px; text-align:center;}
.gallery {background-color:#d9eced; padding:20px 0; text-align:center;}

.centered {
  margin: auto auto;
  display: block;
  width: 185px;
  margin-bottom: 25px;
}
.thumbnail {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0px solid #444;
  max-width:48%; float:left;
}
.thumbnail img {
  opacity: 1.0;
}
.thumbnail img:hover {
  opacity: 0.7;
}




    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    
.thumbnails > li {
    float: left; width:100%;
    margin-left: 0;
}
.thumbnail {
  max-width:48%; float:left;
}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    
    .thumbnails > li {
    float: left;  width:100%;
    margin-left: 0;
}
.thumbnail {
  max-width:100%; float:none;
}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
    
    .thumbnails > li {
    float: left; width:100%;
    margin-left: 0;
}
.thumbnail {
  max-width:100%; float:none;
}
        
    }