/*
D&F  ==== Gallery === custom CSS / CSS overwrites
*/

/* ===========================
   ======= color palette ===== 
   =========================== 
	brown d&f: #895c31
	dark brown: #4c3723
	green: #23996a 
	light gray: #e3e3e3
	yellow: #cbd321
	brown-workshop: #927914
	purple: #6e2a5f
   ===========================*/
   
/* ==   		
   		.column-gallery-wrapper {
   			float: left;
 			width: 99.666666%;
 			}
 			
 		.column-gallery-wrapper-1 {
 			float: left;
 			width: 32.833333%;
 			margin: 0 .5% 1% 0;
 			}
 			
 		 .column-gallery-wrapper-2 {
 			float: left;
 			width: 32.833333%;
 			margin: 0 .25% 0 .25%;
 			}
 			
 		 .column-gallery-wrapper-3 {
 			float: right;
 			width: 32.833333%;
 			margin: 0 0 0 .5%;
 			}
 
 		.column-gallery-img {
 			width: 100%;
 			margin-bottom: 1.5%;
 			margin-top: 0%;
 			}
 	==*/		
 
   		.column-gallery-wrapper {
   			float: left;
 			width: 100%;
 			}
		
 		.column-gallery-wrapper-1 {
 			float: left;
 			width: 49.5%;
 			margin: 0 .5% 0 0;
 			}
 			
 		 .column-gallery-wrapper-2 {
 			float: right;
 			width: 49.5%;
 			margin: 0 0 .5% 0;
 			}
 			
 			
 		.column-gallery-img {
 			width: 100%;
 			margin-bottom: 1.5%;
 			margin-top: 0%;
 			}
 			
 		h3.column-box {
 			margin-bottom: 1%;
 			
 			}
 			
 		h1.arrow_space {
 			display: block;
 			width: 100%;
 			padding-top: 10px;
 			clear: both;}


/* == 64.063em/620px ================== */
@media screen and (max-width: 620px) {




/* == 40.063em/320px ============= */
@media only screen and (max-width: 320px) {

   		.column-gallery-wrapper {
   			float: left;
 			width: 100%;
 			}
		
 		.column-gallery-wrapper-1 {
 			float: left;
 			width: 100%;
 			}
 			
 		 .column-gallery-wrapper-2 {
 			float: left;
 			width: 100%;
 			}


}