@media only screen and (max-device-width: 1024px) {}
@media only screen and (min-width: 860px) {}
/* MOBILE */
@media only screen and (max-width: 860px) {
  #bgDiv {
    height: auto;
  }
  /* HAMBURGER STYLES */
  #masthead {
    padding-top: 0;
  }
  /*  #district56 {
        display: none;
    } */
  #navWrapper {
    position: fixed !important;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
  }
  #menu {
    display: block;
    font-size: 5.5em; /*size of the bars*/
    line-height: 1em;
    text-align: left;
    color: #fff;
    background: #8f993d;
    /*float: left;*/
    margin: 0;
    padding-left: 5px;
    padding-bottom: 5px;
    width: 100%;
  }
  #nav.js {
    display: none;
  }
  #menu ul {
    width: 100% !important;
    font-size: .7em;
  }
  #menu ul li {
    width: 100% !important;
    border-right: none;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 5em;
  }
  nav {
    width: 100%;
    position: relative !important;
    margin-bottom: 50px;
  }
  nav ul li {
    display: block;
    line-height: 1.8em;
    width: 100% !important;
  }
  nav ul li a, nav ul li a:hover {
    font-size: 1.3em;
    color: #54565a !important;
    padding: 15px 10px;
    background: #f2f2f2 !important;
    border-bottom: 1px #aaa dotted !important;
  }
  nav ul li#center a {
    border-bottom: 5px #f4b334 solid;
    color: #f4b334 !important;
  }
  nav ul li#aquatics a {
    border-bottom: 5px #1d9add solid;
    color: #1d9add !important;
  }
  nav ul li#avenue a {
    border-bottom: 5px #8f993d solid;
    color: #8f993d !important;
  }
  nav ul li#cafe a {
    border-bottom: 5px #f8c513 solid;
    color: #f8c513 !important;
  }
  nav ul li#senior a {
    border-bottom: 5px #ff9016 solid;
    color: #ff9016 !important;
  }
  nav ul li#veterans a {
    border-bottom: 5px #54565a solid;
    color: #54565a !important;
  }
  nav ul li#preserve a {
    border-bottom: 5px #8dc63f solid;
    color: #8dc63f !important;
  }
  /* END HAMBURGLER STYLES */
  body {
    font-size: 90%;
  }
  html {
    overflow-x: hidden !important;
  }
  nav {
    max-width: 860px !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .floatRight, .floatLeft, .up2 form div {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .up3, .up2, #thingsToDoIcon, #aquaticsIcon, #natureAreaIcon {
    display: block;
  }
  .up3, #veteransGroups.up3 {
    padding: 100px 20px 150px;
    display: block !important;
  }
  .up3 div, #veteransGroups.up3 div {
    margin-bottom: 100px;
    width: 100%;
    padding: 0;
    max-width:  none !important;
  }
  .up3 div:last-of-type {
    margin-bottom: 0;
  }
  .translucentBox {
    width: 70%;
    background: #fff;
    margin: 40px auto !important;
    padding: 40px 20px;
    opacity: .9;
  }
  .splitPanel {
    background-size: cover !important;
  }
  .imagePanel {
    min-height: 250px;
    background-attachment: scroll !important;
    -webkit-overflow-scrolling: touch !important;
	  background-size: cover !important;
  }
    #highlightsPanel, #breakfast, #lunch, #veteransHeader, #cafeImagePanelCafePage, #seniorCenter, #veteransHallBuilding, #avenueImagePanel {
        background-attachment: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        background-size: cover !important;
        background-position: top center !important;
    }
	/* home */
	#upcomingEvents {
			padding: 120px 30px;
		}
		#upcomingEvents #featuredEvents {
			display: block;
		}
		#upcomingEvents #featuredEvents div {
			width: 100%;
			min-width: auto;
			margin: 0 0 40px !important;
		}
		#upcomingEvents .pagination {
			width: 100%;
			margin: 0 auto;
		}
	/*}*/
	
    /* aquatics */ 
  #treasureIsland, #castawayCove, #bigKahuna, #shipwrecked, #jungleFalls, #coconutCannon, #captainsQuarters, #groversGrotto {
    background-size: cover !important;
  }
  #treasureIsland {
    background-position: 180px 0 !important;
  }
  #bigKahuna {
    background-position: top center !important;
  }
  #shipwrecked {
    background-position: -80px 0 !important;
  }
  #jungleFalls {
    background-position: 60px 0 !important;
  }
  #coconutCannon {
    background-position: -100px 0 !important;
  }
  #captainsQuarters {
    background-position: 0 0 !important;
  }
  /* header adjustments */
  .overlayContent {
    margin: 40px auto 0px;
  }
  #aquaticsPanel {
    background-size: cover !important;
    background-attachment: scroll !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #cafeImagePanelCafePage {
   /* background-position: -400px -200px !important; 
    background-size: auto 100% !important;*/
  }
  #breakfast {
 /*   background-position: -700px -200px !important;
    background-size: auto 100% !important; */
  }
  #seniorCenter {
   /* background-size: contain !important;
    position: relative !important;
    top: 0 !important;
    background-position: center top !important;*/
  }
  #centerPricing, #centerCapacity, #veteransGroveBBQ, #craftfair, #neighborgood {
    background-position: bottom center;
    padding-bottom: 400px;
    background-size: cover !important;
    background-attachment: scroll !important;
    -webkit-overflow-scrolling: touch !important;
  }
	#craftfair, #neighborgood {
		padding-bottom: 200px !important;
		background-size: contain !important;
	}
	
	
	/*#craftfair, #neighborgood {
    background-position: -150px 40% !important;
	}*/
  #centerCapacity .left50, #centerPricing .right50, #craftfair .left50, #veteransGroveBBQ .left50, #neighborgood .right50 {
    width: 90%;
    padding: 5%;
    margin: 0 auto;
  }
  /* end of header adjustments */
  /*.button {
        display: block;
        width: auto !important;
    }*/
    fieldset ul li input[type="submit"], .button  {
      -webkit-appearance:none; -webkit-border-radius:0;
    }
    
    #photoGallery {
        padding: 40px 20px;
    }
    
    #photoGallery img {
        width: 100%;
        max-width: auto;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
    
    
    /* preserve */
    #preserveIntro {
    display: block;
}
    
    #preserveIntro div {
        width: 100% !important;
        padding: 0 !important;
    }
#trails, #silo, #amphitheater, #fitnessCourt, #bridge, #overlook, #picnic, #sensoryPlaza, #playPond, #playground, #greatLawn, #pond, #kinetic {
    background-position:  top center !important;
    background-size: cover !important;
}
	
	#kinetic {
background-size: auto 50% !important;
	}
    
/* footer */
    
  #footer, .thecenter, .aquatics, .avenue, .cafe, .seniorcenter, .veterans, .naturearea, .whitePanel, .grayPanel {
    padding: 80px 20px;
  }
  #footer div h1 {
    margin-top: 0;
  }
  #upcomingEvents {
    margin-left: none;
  }
  #thingsToDoIcon, #aquaticsIcon, #natureAreaIcon {
    padding: 0;
    width: 100%;
  }
  #footer {
    display: block;
    text-align: center;
    padding-bottom: 40px;
  }
  #footer div {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 50px;
  }
  #footer div ul {
    margin-left: 0;
  }
}