@media screen and (min-width: 0) and (max-width: 768px) {

	html{
	  height: 100%;
	}
	body {
	  height: 100%;
	  font-size: 13px;
	}

	[class*='col-'] {
		padding-right: 0; /* column-space */
		margin: 0;
	}

	.grid-pad {
		padding-left: 0; /* grid-space to left */
		padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
	}

	.cell{
		height: 50vh;
	}

	.cell a{
		display: inline-block;
		padding: 20px 20px;
	}

	.tuff .logo{
		width: 159px;
		height: 74px;
		background-size: contain;
	}

	.comte .logo{
		width: 200px;
		height: 85px;
		background-size: contain;
	}

	.comte a:hover .logo,
	.tuff a:hover .logo{
		background-size: contain;
	}

	label{
		padding: 0 0 0 0;
		font-size: 15px;
	}



}

@media screen and (min-width: 768px) and (max-width: 1200px) {

	.tuff .logo{
		width: 200px;
		height: 74px;
		background-size: contain;
	}

	.comte .logo{
		width: 250px;
		height: 85px;
		background-size: contain;
	}

	.comte a:hover .logo,
	.tuff a:hover .logo{
		background-size: contain;
	}

}

@media screen and (min-width: 1201px) and (max-width: 1700px) {


}