/*GRID SYSTEM
Website crafted by Cloud Web Solutions. Hosting and developing on the Cloud CMS Copyright 2015. All Rights Reserved. www.cloudwebsolutions.com
*/
.center
{
	text-align:center;
}

.section
{
	width:100%;
	margin:auto;
	clear:both;
}

.sectionmax
{
	max-width:1100px;	
	margin:auto;
	clear:both;
}


.sectionpad
{
	padding-top:50px;
	padding-bottom:50px;
}

.sectionpadtop
{
	padding-top:50px;
}

.sectionpadbot
{
	padding-bottom:50px;
}

/*3 equal columns*/
.col-1 .col
{
	width:100%;
	margin-bottom:2%;
	clear:both;
}

.col-2 .col
{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.col-3 .col
{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.col-4 .col
{
	width:23.5%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.col-2-1 .col
{
	width:31.9%;
	float:right;
	margin-right:0%;
	margin-bottom:2%;
}

.col-2-1 .col:first-child
{
	width:64%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.col-3 .col:last-child, .col-2 .col:last-child, .col-4 .col:last-child
{
    margin-right:0%;
	float:right;
}

.col-3:after, .col-2:after, .col-2-1:after, .col-4:after
{
	float:none;
	clear:both;
}

.cleargrid
{
	clear:both;
}

@media only screen and (max-width: 1500px) {
	
	.sectionmax
	{
		width:90%;
		margin:auto;
	}
	
}

@media only screen and (max-width: 1024px) {
	
	.col-4 .col
    {
        width:48%;
        float:left;
        margin-right:2%;
        margin-bottom:2%;
    }
	
	.sectionmax
	{
		width:85%;
		margin:auto;
	}
	
	.sectionpad
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.sectionpadtop
	{
		padding-top:20px;
	}
	
	.sectionpadbot
	{
		padding-bottom:20px;
	}
}

@media only screen and (max-width: 800px) {
	
	.col-2-1 .col, .col-2-1 .col:first-child
	{
		width:100%;
		float:none;
	}
	
}

@media only screen and (max-width: 600px) {
	
	.col-3 .col, .col-2 .col, .col-2-1 .col, .col-2-1 .col:first-child, .col-4 .col
	{
		width:100%;
		float:none;
	}
	
	.sectionmax
	{
		width:85%;
		margin:auto;
	}
  
  .sectionmax2
{
	max-width:400px;

}
}