/*  INCLUDES  */

@import "normalize.css";
@font-face {
    font-family: 'TT Norms';
    src:url('../fonts/TTNorms-Medium.woff2') format('woff2'),
        url('../fonts/TTNorms-Medium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: 'TT Norms';
    src:url('../fonts/TTNorms-ExtraBold.woff2') format('woff2'),
        url('../fonts/TTNorms-ExtraBold.woff') format('woff');
	font-weight:bold;
	font-style:normal;
}


/*  GLOBAL  */

*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
:focus{
	outline:none;
}
HTML, BODY {
	height:100%;
	margin:0;
	padding:0;
}
BODY {
	background:#000000;
	color:#ffffff;
	font-family:'TT Norms';
	font-weight:normal;
	font-style:normal;
	text-rendering:optimizeLegibility;
	font-size:21px;
	line-height:1.2em;
}

@media (max-width:700px) {
	BODY {
		font-size:3vw;
		line-height:1.2em;
	}
}


#background {
	position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
}
#background #cover {
	position:relative;
	background:#000000 url(../../2024/images/background2.jpg) 50% 50% no-repeat;
	background-size:cover;
    width:100%;
    height:100%;
    z-index:0;
}



BODY {
	display:flex;
	flex-direction:column;
}

A {
	color:#ffffff;
	text-decoration:none;
	transition:all .4s;
}
A:hover {
	color:#cccccc;
	text-decoration:none;
	transform:scale(1.02);
}


MAIN {
	flex:1;
	width:100%;
	max-width:1000px;
	padding:1.5em 2em;
	margin:0 auto;
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	padding:5em 3em;
}
MAIN IMG {
	width:600px;
	max-width:100%;
}
MAIN IMG.old {
	height:auto;
	max-height:150px;
	width:auto;
	max-width:100%;
	margin-bottom:3em;
}
MAIN A:last-child IMG.old {
	margin-bottom:0;
}
MAIN P {
	font-size:1.2em;
	font-weight:700;
	margin:1.5em 0 0 0;
	text-align:center;
	
}

MAIN H2 {
	font-size:1.4em;
	font-weight:700;
	margin:4em 0 2em 0;
	text-align:center;
	text-transform:uppercase;
	color:#cccccc;
}
MAIN H2:first-child {
	margin-top:0;
}


@media (max-width:620px) {
	MAIN IMG.old {
		max-height:100px;
	}
}