/* ==========================================================================
   Column & Row Setup
   ========================================================================== */

.col {
	display: block;
	float:left;
	margin: 40px auto 0 auto;
	padding:0 20px 0 20px;
	transition: all 0.4s ease-in-out;
}

/* Remove the margin on the first column. Works on all browsers incl. IE7+ */
.col:first-child { margin-left: 0; }

.row {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row:after { clear: both; }


/* ==========================================================================
   Twelve Column Grid
   ========================================================================== */

.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.53%; }
.grid_10_of_12 { width: 83.06%; }
.grid_9_of_12  { width: 74.6%; }
.grid_8_of_12  { width: 66.13%; }
.grid_7_of_12  { width: 57.66%; }
.grid_6_of_12  { width: 55.4%; max-width:1400px; }
.grid_5_of_12  { width: 40.73%; }
.grid_4_of_12  { width: 32.26%; }
.grid_3_of_12  { width: 22.3%; }
.grid_2_of_12  { width: 15.33%; }
.grid_1_of_12  { width: 6.866%; }

@media only screen and (max-width: 1280px) and (orientation : portrait) {

.grid_3_of_12  { width: 0%; }
.grid_6_of_12  { width: 100%; padding:0 7% 0 7%; }
.col { margin-top:20px; }
.who { margin-top:50px !important; }

.contact article, article {
    padding-left: 30px !important;
    margin-bottom: 0px !important;
}

.contact-form {
	padding-top:70px !important;
	padding-right:40px !important;
}

.column-half, .column-full{
	padding: 0 0.35rem 0 0 !important;
}

}


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

.grid_3_of_12  { width: 0%; }
.grid_6_of_12  { width: 100%; padding:0 7% 0 7%; }
.col { margin-top:20px; }
.who { margin-top:50px !important; }

.contact article, article {
    padding-left: 30px !important;
    margin-bottom: 0px !important;
}

.wallpapers article, article {
    padding-left: 40px !important;
    margin-bottom: 0px !important;
}

.contact-form {
	padding-top:60px !important;
	padding-right:40px !important;
}

.column-half, .column-full{
	padding: 0 !important;
}

}

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

.grid_7_of_12, .grid_5_of_12  { width: 100%; padding:0 30px 0 30px; }

.contact article, .contact article {
    padding: 40px 0 0 0 !important;
    margin-bottom: 0px !important;
}

.contact-form {
	padding-top:0px !important;
	margin-bottom:30px;
}

.entry-content { margin-bottom:0px !important; }

}