/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- reset ---- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    font-weight: 300;
}

/*  General-Start   */
html {
    width: 100%;
    font-size: 16px;
    overflow-x: hidden;
}

body{
	background-image:url('../images/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:bottom right;
	color:#fff;
	font-family: 'Inter', sans-serif;
}

p{
	line-height:1.4em;
	font-weight:normal;
	padding-bottom:80px;
}

strong, b{
	font-weight:900;
}

strong span, b span{
	font-weight:600;
}

h1{
	font-weight:400;
	padding-bottom:65px;
	font-size:1.875rem;
	line-height:1.2em;
}

h2, h3{
	font-size:1rem;
	font-weight:700;
	padding-bottom:35px;
	line-height:1.3em;
}

h2{
	padding-bottom:15px;
}

a{
	color:#fff;
}

#page-header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	padding:30px;
}

#page-header img{
	width: 280px;
    height: auto;
    display: block;
}

main{
	padding:0px 10px 0px;
}

.header-container{
	width:100%;
	max-width:905px;
	margin:0 auto;
}

.container{
	background-color:rgba(0,0,0,.4);
	padding:160px 20px;
	margin:0 auto;
	width:100%;
	max-width:1075px;
}

footer{
	background-color:rgba(8,27,53,.85);
	padding:15px 30px;
	text-align: center;
}

footer nav{
	margin-top:15px;
}

footer a{
	text-decoration: none;
	margin:0 25px;
}

@media screen and (min-width:768px) {
	
	html {
	font-size: 16px;
	}

	h1{
		font-size:2.7778rem;
	}

	h2, h3{
		font-size:1.222rem;
		}

	#page-header{
		padding:30px 95px;
	}

	.container{
		padding-left:85px;
		padding-right:85px;
	}
	
	footer{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	footer nav{
		margin-top:0;
	}
}

@media screen and (min-width:1900px) {
	.header-container{
		max-width:none;
	}
	
	#page-header{
		padding:45px 95px;
	}
}

@media screen and (min-width:2040px) {
	#page-header img {
    	width: 365px;
	}
}