@media only screen 
and (max-width : 320){
/* Styles ORANGE */

	li.topmenu{
		width:100%;
		float:left;
		background:pink;
	} 
	
	#theDots{
		display:none;
	}
	

}


/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 999px){
/* Styles PINK */
	
  .halfPageColumn{
  	width:90%;
  	margin-left:2.5%;
  	border:0;
  }
  .flex-control-nav{
  	display:none;
  }
  a.flex-next{
  	visibility:hidden;
  }
  a.flex-prev{
  	visibility:hidden;
  }   
   
  #pageHeader{
  	width:100%;
  	float:left;
  	position:relative;
  	margin-top:90px;
  }

  #welcome{
  	width:100%;
  	float:left;
  	position:relative;
  }  
  
  #navDiv{
  	width:100%;
  	float:left;
  	position:relative;
  } 

	li.topmenu{
		width:100%;
		float:left;
	} 
	
	.quarter{
		width:100%;
	}
	
	#galDiv{
		padding-bottom:50px;
	}
	
	#footer{
		/* background:pink; */
	}
	

  
  
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles ORANGE */
  #pageHeader{
  	width:100%;
  	float:left;
  	position:relative;
  	margin-top:-50px;
  }


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles MAROON*/

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1025px) 
and (max-width : 1189px) {
/* Styles CYAN */


}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1025px) 
and (max-width : 1299px) {
/* Styles  BLUE */


}

/* wide screen Desktops and laptops ----------- */
@media only screen 
and (min-width : 1300px) {
/* Styles GREEN */


}

/* very wide screen Desktops and laptops ----------- */
@media only screen 
and (min-width : 1900px) {
/* Styles LIGHT GREEN */


}