
//large resolutions only
@media (min-width: 1200px) {
...
}


		#responsivecolumnwrapper {
			border: 0px solid #999999;
			background-color:#fff;
			margin: 0 auto;
/*    		max-width: 600px;*/
		}
		
		.column-half { outline: 0px solid red; }
		
		@media (min-width: 600px) {
			.row:after {
				content: " ";
				display: table;
				clear: both;
			}
			
			.column-half {
				float: left;
				width: 50%;
				padding: 0 20px;
				box-sizing: border-box;
			}	
		}



div.img {
    border: 0px solid #ccc;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}@charset "utf-8";
/* CSS Document */





/*.left a{ color: #000; text-decoration:none;}

.left a:hover{ color: #8B9B25; text-decoration:none;}
*/*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}