﻿/* MODIFIED GRIDS FOR 3 COLUMN LAYOUT */
#column1		{width: 23%;}
#column2		{width: 48%;}
#column3		{width: 23%;}
#column4		{visibility:hidden; display:none;}


/* 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;}
}

