@media screen and (max-device-width: 1081px) {
  h2 {
    font-size: 60px;
  }
  
  p.text {
    font-size: 40px;
  }
}


:root {
	--main-color: #525252;
	--accent-color: #a1fff1;
}

body, html {
	padding: 0;
	margin: 0 auto;
	height: 100%;
	width: 100%;
}

p, img {
	padding: 0;
	margin: 0;
}

div {
	background-repeat: no-repeat;
} 



div#wrapper {
	height: 100%;
	min-height: 660px;
	max-width: 990px;
	min-width: 990px;
	margin: 0 auto;
}



.cover {
    /*background-attachment: fixed;*/
	background-size: auto 100%;
	background-position: top center;
	height: 100%;
	width: 100%;
	position: relative;
}

.auto {
	/*background-attachment: fixed;*/
	background-size: auto 100%;
	background-position: center;
	min-height: 1000px;
	width: 100%;
	position: relative;
}

.content {

	background-position: center;
	height: 660px;
	width: 100%;
	position: relative;
}

.section {
	height: auto;
	width: 70%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

div#header {
	position: fixed;
	width: 990px;
	height: 100%;
	background-image: url(img/logo.png);
	background-position: center;
}

div#about {
	position: relative;
	height: auto;
	width: 425px;
	margin: 15px 0 0 525px;
	text-align: justify;
}

div.links {
	width: 200px;
	height: 70px;
	margin: 0 auto;
}

div.link, img.link {
	width: 100px;
	height: 70px;
	opacity: 1;
	background-size: contain;
	background-position: center;
	float: left;
}

img.link:hover {
	opacity: 0;
}










h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 50px;
	color: var(--main-color);
	letter-spacing: 16px;
	text-align: center;
	margin: 126px 0 0 12px;
	text-align: center;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 45px;
	color: var(--main-color);
	letter-spacing: 10px;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

p.text {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: var(--main-color);
	text-align: center;
}

a.text, a.text:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: var(--accent-color);
	-webkit-filter: opacity(100%); /* Safari 6.0 - 9.0 */
    filter: opacity(100%);
	-webkit-transition: linear 0.1s; /* Safari */
    transition: linear 0.1s;
}

a.text:hover {
	-webkit-filter: opacity(30%); /* Safari 6.0 - 9.0 */
    filter: opacity(30%);
}





.visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 500ms;
}
.invisible {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 500ms, opacity 500ms;
}