.csmobShow {
        display:none; 
	}

@media only screen and (max-width: 480px) {

    body    {
    background-image:none;
     }

	#top {
		display:none; 
	}
	
	#info {
		display:none; 
	}
	
    #mobHead480 {
        display:block; 
	}

    #mobBand {
        font-size:1.5em; 
	}

    #contact {
        display:block; 
        font-size:0.625em;
	}

    h1 {
        /*font-size:1.25em;*/ 
	}

    #tag {
        display:none; 
	}

    #mobtagcontainer480 {
        display:block; 
	}

    #footer {
        text-align:center; 
	}
    #social {
        position:inherit; 
	}

.flex-container {
    flex-direction: column;
}

.logoleft {
    float: right;
}

.logoleft img {
    float: right;
}

.twocol {
    width: 100%;
}

}

@media only screen and (max-width: 768px) and (min-width: 481px) {

    body    {
    background-image:none;
     }

	#top {
		display:none; 
	}
	
	#info {
		display:none; 
	}
	
    #mobHead768 {
        display:block; 
	}

	#mobQLinks {
        display:block;
	}

    #contact {
        display:block; 
        font-size:0.625em;
	}

    h1 {
        /*font-size:1.5em;*/ 
	}

}

/*Vary this max-width if you need to switch to mobile menu sooner */
@media only screen and (max-width: 769px) {

    #menuMobContainer {
        display:block; 
	}

    #menu {
        display:none; 
	}

    .csmobHide {
        display:none; 
	}

    .csmobShow {
        display:block; 
	}

    .span_5_of_7csmob {
  	width: 100%;
	margin-left: 0;
    }

.logoleft {
    width: 100%;
    margin-bottom: 20px;
}

.logoleft img {
    margin-right: 0;
}

    
}

@media only screen and (max-width: 860px) {

    #cbText  {
              top:40px;
              font-size:0.675em;
     }
}

@media only screen and (max-width: 900px) {

    #info  {
              font-size:0.75em;
     }

    #menu li a {
      letter-spacing:normal;
      }
}

@media only screen and (max-width: 1024px) {

    .swipe  {
        display:block;
     }
}

/* Media Queries for responsive thumbnails grid for galleries */

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
   }
}