/* ==========================================================================
   Media Queries
   ========================================================================== */

/* very large desktop */
@media only screen and (min-width: 1600px) {
   .hidden-phone{display:block;}
   .visble-phone{display:none;}
   header{margin:0 auto;}
}

@media only screen and (min-width: 901px) {
   .primaryContainer {background-color:white;}
   .hidden-phone{display:block;}
   .visible-phone{display:none;}

   events >  .span3{min-height:280px !important;}
}
/* tablet portrait */
@media only screen and (max-width: 900px) {
   .primaryContainer {background-color:#fff;}
   .hidden-phone{display:block;}
   .visible-phone{display:none;}
   
   .span4{min-height:294px !important;}
   soc{display:none;}
}

@media only screen and (max-width: 767px) {
   .hidden-phone{display:none;}
   .visible-phone{display:block;}
   
   .span3{width:100%;margin:0;}
   section .span4:nth-of-type(2) {background: rgb(0, 173, 239) !important;}
   header{
    background:url('../img/slider/slide-3-sm.jpg') left no-repeat;
    height:300px !important;
    width:90%;
}
   .break{margin-top:0;width:90%;}
   h1{font-size:25px;}
   .bttn-lg{font-size:18px !important;}
panel{background:#fff;opacity:1;width:100%;position:absolute;top:63px;right:0;display:none;z-index:999;}
    hgroup{text-align:center;}
    hgroup{width:90%;text-align:center;}
/* panel nav */
	panel ul{
        width:100%;
		margin-top:0;
		margin-bottom:0;
		padding:0;
	}
	panel ul li{
	    margin: 0;
	    display:block;
	    overflow:auto;
	  }
	panel li{
		border-bottom:1px #cccccc solid;
	}
    panel li:first-of-type{
            padding:10px 20px 10px 20px !important;
        }
	panel li:last-of-type{
		border-bottom:none;
	}
	panel li:hover{
		background:#f3f3f3;
	}
	  panel a{
	    margin: 0;
	    padding: 0px 0 0px 0;
	    color:#000;
	    display:block;
	  }
	  panel a:after{
	  	content: attr(data-info);
	  }
	  panel a:hover{
	  	color:#000;
	  }
  
   .polaroid{text-align:center}
   .primaryContainer {
        width:90%;
        background-color: #fff;
   }


   section .span4 {
        width:100%;
        border-top:#fff solid 1px;
   }
   .span9 {
        width: 100%;
   }
   .span9 > h2{text-align:center;}

   events > .span3 {
        margin-left: 0%;
        width: 100%;
        border-left:none !important;
   }
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}