﻿/* MODIFIED GRIDS FOR 3 COLUMN LAYOUT */
#column1		{display: inline;	float: left;	margin-left: 1%;	margin-right: 1%;	width:23%;}
#column2		{display: inline;	float: left;	margin-left: 1%;	margin-right: 1%;	width:48%;}
#column3		{display: inline;	float: left;	margin-left: 0%;	margin-right: 1%;	width:23%;}
#column4		{display: inline;	float: left;	margin-left: 1%;	margin-right: 1%;	width:1%;}


/* ADAPTIVE LAYOUTS CSS <=700 */
@media screen and (min-width:0px) and (max-width:700px){
#column1		{float:none;}
#column2		{width: 73%;}
#column3		{width: 23%;}
}

/* ADAPTIVE LAYOUTS CSS <=481 */
@media screen and (min-width:0px) and (max-width:480px){
#column1		{width: auto; 	float:none;}
#column2		{width: auto;	float:none;}
#column3		{width: auto;	float:none;}
}

