/*GRID SYSTEM
Website crafted by Cloud Web Solutions. Hosting and developing on the Cloud CMS Copyright 2015. All Rights Reserved. www.cloudwebsolutions.com
*/
.section
{
	width:100%;
	margin:auto;
	clear:both;
}

.col img
{
  padding:3px;
  border:solid 1px #ccc;
  background-color:#fff;
}

.col-5 .col img
{
  padding:0px;
  border:solid 0px #ccc;
  background-color:#fff;
}

.col-6 .col img
{
  padding:0px;
  border:solid 0px #ccc;
  background-color:#fff;
}

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

.casestudies
{
  max-width:1100px;
  margin:auto;
}

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

/*3 equal columns*/
.col-3 .col
{
	width:31.9%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

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


.col-5 .col
{
	width:20%;
	float:left;
	margin-right:0%;
	margin-bottom:2%;
}

.col-6 .col
{
	width:16.6%;
	float:left;
	margin-right:0%;
	margin-bottom:2%;
}

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

.col-1 .col
{
	width:100%;
	margin-bottom:2%;
	clear:both;
}

.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-5 .col:last-child, .col-6 .col:last-child, .casestudies .col:last-child, .col-4 .col:last-child
{
    margin-right:0%;
	
}

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

.cleargrid
{
	clear:both;
}

@media only screen and (max-width: 1500px) {
	
	.sectionmax
	{
		width:85%;
		margin:auto;
	}
  
  
  	.col-4 .col:last-child
{
    margin-right:0%;
	float:left;
}

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


	
}

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