/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;}
body {margin: 0; color: #959595; background: #000; -webkit-font-smoothing: antialiased; font-smooting: antialiased; -moz-osx-font-smoothing: grayscale;}
p {margin-bottom: 1.5em; line-height: 22px; opacity: 0.7;}
ul{margin: 0; padding: 0;}
li {list-style: none;}
img {height: auto; max-width: 100%; border: 0;}
embed, iframe, object {max-width: 100%;}
.clear{	clear: both;}

a, a:visited {text-decoration: none; color: #fff; 	text-decoration: none;}
a:active, a:hover {outline: 0; transition: all 0.3s ease 0s; color: #545454;}

.left{float: left;}
.right{float: right;}

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
body,button,input,select,textarea {font-family: 'Arial', sans-serif; font-size: 15px; transition: all 0.3s ease 0s; -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	outline: 0;}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body{
	
}

.middle{
	display: table;
	width: 100%;
}

.cell{
	text-align: center;
	background-size: cover!important;
	display: table-cell;
	vertical-align: middle;
	height: 100vh;

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

.relative{
	position: relative;
}

.clear{
	clear: both;
}

.tuff .cell{
	background: url('./images/cow.jpg') center no-repeat;
}
.comte .cell{
	background: url('./images/field.jpg') center no-repeat;
}

.tuff a:hover{
	background-color: #FFD636!important;
}

.tuff a:hover .logo{
	background: url('./images/tuff-hover.png') center no-repeat;
}

.tuff .logo{
	width: 279px;
	height: 109px;
	background: url('./images/tuff.png') center no-repeat;
}
.tuff a:hover label{
	visibility: visible;
}

.comte a:hover{
	background-color: #000!important;
}

.comte a:hover .logo{
	background: url('./images/comte-hover.png') center no-repeat;
}
.comte a:hover label{
	visibility: visible;
}

.comte .logo{
	width: 355px;
	height: 208px;
	background: url('./images/comte.png') center no-repeat;
}

label{
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 20px;
	visibility: hidden;
}

.comte label{
	color: #fff;
}

.tuff label{
	color: #000;
}

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/