/* ======================================================================================================
 GENERAL TYPOGRAPHY 
=======================================================================================================*/
.content{
    color: #4b4848;
    font-family: "Open Sans", arial;
    font-size: 15px;
    padding: 60px 30px;
    background: #fff;
	overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.content p{
    color: #4b4848;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
	text-align:justify;
	line-height:25px;
	margin-bottom:20px;
}

.box {
	height: auto;
	background-color:#FFFFFF;
	display:block;
	margin:0;
}

/* ================= Columns ================= */

.col_1_3 {
	width:300px;
	float:left;
	margin:0 20px 0 0;
	display:block;
}

.content .col_1_3 {
	width:32%;
}
.col_1_3.last {
	margin:0;
}
.content .col_1_3.last {
	margin:0;
}

/* ================= Homepage Featured Columns ================= */

.features .title {
	padding: 10px;
	margin:0 0 13px 0;
	background:#f6f6f6;
}

.features .title h3 {
	font-weight:bold;
	margin:0 0 0 0;
	line-height:26px;
	color:#333333;
}



/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) {

/* ================= Container and Columns ================= */

.col_1_3 {
	width: 236px;
}
.content .col_1_3 {
	width:32%;
	margin:0 10px 0 0;
}
}

/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {

/* ================= Container and Columns ================= */
.col_1_3 {
	float: none;
	margin-right: 0;
}
.content .col_1_3, {
	width:100%px;
}
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 800px) {

/* ================= Container and Columns ================= */
.col_1_3 {
	float: none;
	margin-right: 0;
}
.content .col_1_3 {
	width:100%;
}
}

/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 480px) {
/* ================= Container and Columns ================= */
.col_1_3 {
	float:none;
	margin:0;
}
.content .col_1_3 {
	width:100%;
}
}