@media screen and (max-width: 392px) {
  .selected {
    padding: 15px;
  }
 
  .gallery li {
    float: left;
    width: 90%;
    margin: 2.5%;
    clear: both;
  }
  
}

@media screen and (min-width: 480px) {
  #cal-mobile {
    display: none;
  }

  #logo {
    max-width: 50%;
    float: left;
    margin-left: 2em;
  }
  
 #find {
    max-width: 35%;
    float: right;
    margin-right: 2em;
 }
  
}

 @media screen and (min-width: 700px) {
   #find {
    margin-top: 2.5em;
    max-width: 25%;
   }
}
 

@media screen and (min-width: 730px) {
 
  #subnav {
    text-align: center;
  }
 
  #subnav {
    margin: -3em 4px 0 0;
  }
 
  .gallery li {
    float: left;
    width: 20%;
    margin: 2.5%;
  }
}

@media screen and (min-width: 850px) {
   /*Two Column Layout */
  
  #primary {
    width: 50%;
    float: left;
    margin-left: 2em;
  }
  
  #secondary {
    width: 40%;
    float: right;
    margin-right: 2em;
  }
 
  .footerleft {
    text-align: left;
    float: left;
    margin-left: 1em;
    position: relative;
    top: 1.25em;
  }
 
   .footercenter {
    text-align: center;
  }

  .footerright {
    text-align: right;
    float: right;
    margin-right: 1em;
    position: relative;
    top: 1.25em;
  }
 
}
  
@media screen and (min-width: 1100px) {
  nav {
    min-height: 15em;
  }
  
  #jnav {
    min-height: 17.5em;
  }
}

    
@media screen and (min-width: 1400px) {
  nav {
    min-height: 20em;
  }
  
  #jnav {
    min-height: 23em;
  }
}