@font-face {
  font-family: 'GTSuperDisplayBold';
  src: url('GT-Super-Display-Bold.eot?') format('eot'), url('GT-Super-Display-Bold.woff') format('woff'), url('GT-Super-Display-Bold') format('truetype');
}

body {
	margin: 2em;
}

.content {
	text-align: left;
	max-width: 82vw;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

h1 {
	font-size: 3.8em;
	font-family: 'GTSuperDisplayBold', Times New Roman, serif;
	color: white;
	display: inline;
	line-height: 1.18;
}


.mail {
	position: fixed;
	bottom: 2em;
	background-color: #000;
}

.mailtext {
	display: inline-block;
}

 .mailicon {
 	display: inline-block;
 	vertical-align: top; 
 	padding-top: 0.5em;
 } 

 .mailicon img {
 	width: 1.75em;
 }
 
 .mailicon:hover {
 	/*border-width: 3px;
 	border-color: green;
 	border-style: solid;*/
 	-webkit-animation: rotation 4s infinite linear;
 }

.maxim1 {
	display: inline;
	width: 262px;
	opacity: 0.3;
	float: right;
	margin-right: 20vw;
	margin-top: 2em;
	margin-bottom: 6em;
}

#spin {
	-webkit-animation: rotation 7s infinite linear;
}

#spin2 {
	-webkit-animation: rotation 7s infinite linear;
}

#spin3 {
	-webkit-animation: rotation 7s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

@media only screen and (min-width: 320px) and (max-width: 750px) and (orientation: portrait) {
	h1 {
		font-size: 3.5em;
	}

	.content {
		max-width: 100%;	
	}

	.maxim1 {
		width: 200px;
		background-image: url("maximCbknd.svg");
		margin-right: 10vw;
	}

	#spin, #spin2, #spin4 {
		display: none;
	}

	.mailtext {
	display: none;
	}

	.mailicon img {
 	width: 3em;
 	}

}

@media only screen and (min-width: 751px) and (max-width: 1100px) {
	
	h1 {
		font-size: 3.2em;
	}

	.maxim1 {
		margin-top: 8em;
	}

	#spin, #spin3, #spin4 {
		display: none;
	}

	.mailicon img {
 	width: 1.4em;
 	}
}

@media only screen and (min-width: 1101px) and (max-width: 1680px) {
	#spin2, #spin3, #spin4 {
		display: none;
	}
}

@media only screen and (min-width: 1681px) {
	h1 {
	font-size: 5em;
	}

.maxim1 {
		width: 450px;
	}

	#spin, #spin2, #spin3 {
		display: none;
	}

.mailicon img {
 	width: 2.5em;
 	}
}