/*GRID--------------------------------------*/

*, *:after, *:before {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  
}/*clearfix*/

.grid {

	margin: 0;
	
}

.grid:after {

	content: "";
    display: table;
    clear: both;
    
}

[class*='col-'] {

	float: left;
	padding-right: 0;
	animation-property: width;
	animation-property: height;
	transition-duration: 1s;
	
}


@media screen and (max-width: 1150px){

	.grid > [class*='col-']{
		
		float: none;
		display: block;
		width: 100%;
		
	}
	
	.wide-1{
		
		float: left;
		display: block;
		width: 50%;
		
	}

}

@media screen and (max-width: 600px){
	
	.wide-1{
		
		float: none;
		display: block;
		width: 100%;
		
	}
	
}
	
[class*='col-']:last-of-type {

    padding-right: 0;
    
}

.col-3-4 {

	width: 75%;
  
}
	
.col-2-3 {

	width: 66.66%;
  
}

.col-1-2 {

	width: 50%;
  
}

.col-1-3 {

	width: 33.33%;
  
}

.col-1-4 {

	width: 25%;
  
}

.col-1-8 {

	width: 12.5%;
  
}

.grid-pad {

	padding-right: 25px;
  
}

.grid-pad > [class*='col-']:last-of-type {

	padding-right: 0px;
  
}