/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	float: right;
	width: 48.2%;
	margin-left: auto;
	background-color: #F8F8F8;
	border-style: solid;
	border: 1px;
	box-shadow: 5px 5px 4px 2px #D6D6D6;
	padding: 20px;
}
.span_2_of_2_type_b {
	float: right;
	width: 48.2%;
	margin-left: auto;
	background-color: #F8F8F8;
	border-style: solid;
	border: 1px;
	box-shadow: 5px 5px 4px 2px #D6D6D6;
	padding: 20px;
	margin-top: 40px;
}
.span_1_of_2_vers2 {
float: left;
width: 47.9%;
margin-bottom: 35px;
box-shadow: 5px 5px 4px 2px #D6D6D6;
background: #F8F8F8;
border: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
border-style: solid;
padding: 7px;
border-color: #CCCCCC;
margin-left: 70px;
margin-top: 29px;
}
.span_1_of_2 {
	float: left;
	width: 45.2%;
	margin-bottom: 35px;
	/*box-shadow: 5px 5px 4px 2px #D6D6D6;*/
	/*border: 1px;*/
	/*border-style: solid;*/
	padding: 20px;
	border-color: #CCCCCC;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%;
		margin-left: 0px; 
	}
	.span_2_of_2_type_b {
		width: 100%;
		margin-left: 0px; 
	}
	.span_1_of_2_vers2 {
		width: 100%; 
		margin-left: 0px; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}