.demo-links_3column{
	
	.demo-link{
		
		width: 32.5%;
		margin-top: 1.9vw;
		
		&:nth-of-type(1), &:nth-of-type(2), &:nth-of-type(3){
			margin-top: 0;
		}	
		
		&:nth-of-type(3n+2){
			margin-left: 1%;
			margin-right: 1%;
		}
	}
}

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

	.demo-links_4column{
		
		.demo-link{
			margin-top: 1vw;		
		}		
	} 
}

@media screen and (max-width: 480px){
	
	.demo-links_3column{
		
		.demo-link{
			
			width: 49%; 
			margin-top: 1.8vw;

			&:nth-of-type(3), &:nth-of-type(4){
				margin-top: 1.8vw;
			}		
			
			&:nth-of-type(3n+2){
				margin-right: 0;
				margin-left: 0;
			}
			
			&:nth-of-type(2n+1){
				margin-right: 1%;
				margin-left: 0;
			}
			
			&:nth-of-type(2n+2){
				margin-right: 0;
				margin-left: 1%;
			}
		}
	}
}