/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

html {
	text-rendering: optimizeLegibility;
	-webkit-font-variant-ligatures: common-ligatures;
	font-variant-ligatures: common-ligatures;
	-webkit-font-smoothing: antialiased;

	-moz-font-feature-settings: "kern=1";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	font-feature-settings: "kern";
	font-kerning: normal;

	overflow-x: hidden;
	cursor:url(../img/cursor-default.png), e-resize;
}

@font-face {
		font-family: 'Amer-Cond-Bold';
		src: url('../fonts/GT-America-Condensed-Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
}

@font-face {
		font-family: 'Amer-Stand-Regular';
		src: url('../fonts/GT-America-Regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Amer-Comp-Bold';
		src: url('../fonts/GT-America-Compressed-Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
}

body {
  background-color: #eee;
	margin: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
	background: #fff;
}

/*///////////////     GENERAL     ///////////////*/

a {
	color: #000;
  text-decoration: none;
}

a sup {
	font-size: 3.89vw;
}

a:hover {
  	transition: all .3s;
		cursor:url(../img/cursor-pointer.png), e-resize;
}

/*///////////////     HOME     ///////////////*/

.liaef:hover .img-aef {
	opacity: 1;
}
.img-aef {
	z-index: -1;
	position: absolute;
	background: linear-gradient(to right, #000, #FF2942, #FF2942);
	margin-left: 28vw;
	margin-left: 21.5vw;
	margin-left: 27.55vw;
	transform: rotate(-10deg);
	opacity: 0;
	/* width: 400px; */
	width: 16vw;
	/* height: 240px; */
	height: 8.4vw;
	margin-top: -50px;
}

.leftmain .navigation :nth-child(2n) .img-aef  {
	background: linear-gradient(to left, #000, #FF2942, #FF2942);

}


.img-aef img {
	opacity: 0.41;
	/*opacity: 1;*/
	/* width: 400px; */
	width: 16vw;
	height: 8.4vw;
	/* height: 240px; */
}
.rotate {
	transform: rotate(10deg);
	margin-left: 0vw;
	margin-left: 1.55vw;
}


.navigation ul li {
	z-index: 2;
	position: absolute;
}


.leftmain .colophon, .colophon2{
	margin: 0 auto;
	margin-top: 14vh;
	margin-bottom: 0;
	font-family: 'Amer-Cond-Bold', arial;
	font-weight: 100;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
	color: #000;
	z-index: 5;
	position: relative;
}

.leftmain ul {
	margin-bottom: 0;
}

.leftmain .colophon2 {
	padding-bottom: 14vh;
	/* padding-top: 20vh; */
	margin-top: 16vh;
	z-index: 5;
}

.leftmain .colophon li {
	text-align: center;
}

.leftmain .colophon li a {
	font-family: 'Amer-Comp-Bold', arial;
	font-weight: 100;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
}

.leftmain .colophon li a:hover {
	color: #0000ff;
	transition: 0ms;
}

.colophonspace {
	padding-left: 16px;
	color: #FF2942;
	text-decoration: underline;
}

.colophonspace:hover {
	text-decoration: underline;
}

.colophon:first-child .colophonspace{
	padding-right: 16px;
	color: #FF2942;
	/* text-decoration: underline; */
}



.colophonspace:hover {
	color: #000;
}


.leftmain ul {
	list-style:none;
	margin-top: 16vh;
	padding: 0;
}

.leftmain ul li {
	color: #000;
}

.leftmain .navigation li {
	font-family: 'Amer-Comp-Bold', arial;
	font-weight: 100;
	text-align: center;
	font-size: 6vw;
	letter-spacing: -.041vw;
	text-transform: uppercase;
	line-height: 5.2vw;
	line-height: 86.66%;
	color: #000;
}


.leftmain .navigation a:hover {
	color: #000;
	transition: 0ms;
	background: linear-gradient(to right, #000, #FF2942, #FF2942);
	-webkit-background-clip: text;
	text-decoration: underline;
	max-width: max-content;
	-webkit-text-fill-color: transparent;
}

.leftmain .navigation :nth-child(2n) a:hover {
	background: linear-gradient(to left, #000, #FF2942, #FF2942);
	-webkit-background-clip: text;
	text-decoration: underline;
	max-width: max-content;
}


/*///////////////     MEDIA QUERIES     ///////////////*/



@media (min-width: 1440px) {
	.leftmain .colophon, .colophon2{
		font-size: 1vw;
		z-index: 5;
	}
	.leftmain .colophon li a {font-size: 1vw;}
	.leftmain .colophon li {font-size: 1vw;}
}

@media (min-width: 300px) and (max-width: 800px) {

	.leftmain .colophon, .colophon2{
		margin-top: 10.5vh;
		margin-bottom: 10vh;
		font-size: 16px;
	}

	.leftmain .colophon li a {font-size: 16px;}

	.leftmain ul li {
		color: #000;
		padding: 8px;
		margin: 10px;
	}

	.leftmain .navigation li {
		font-family: 'Amer-Comp-Bold', arial;
		font-weight: 100;
		text-align: center;
		font-size: 10vw;
		line-height: 80%;
		color: #000;
	}

	.img-aef {
		overflow: hidden;
		width: 50vw;
		height: 35vw;
	}

	.img-aef img {
		width: 50vw;
		height: 35vw;
	}

}