/* FONTS */

@font-face {font-family:'PSL'; src:url('public-sans-light.woff2') format('woff2'), url('public-sans-light.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'PSSB'; src:url('public-sans-semibold.woff2') format('woff2'), url('public-sans-semibold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}

/* COLORS */

:root {
	--black: #000000;
	--black-80: rgba(0,0,0,0.8);
	--white: #FFFFFF;
	--blue: #177DD7;
}

/* MANDATORY */

* {margin:0px; padding:0px; box-sizing:border-box; background-repeat:no-repeat; background-position:0px 0px;}
html, body {top:0; left:0; right:0; height:100%; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
table {border:none; border-collapse:collapse;}
table td, table th {padding:0;}
ul, ol {list-style-type:none;}
img, iframe {border:none;}
input, textarea, select {-webkit-appearance:none; -moz-appearance:none; border-radius:0px;}

/* GLOBAL */

body {
	font-family: 'PSL', sans-serif;
	font-size: 20px;
	line-height: 160%;
	text-align: center;
	color: var(--white);
	background-color: var(--black);
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

a, a:link, a:visited, a:focus, a:active {
	color: var(--white);
	text-decoration: none;
	transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear, border-color 0.2s linear;
}

a:hover {
	color: var(--blue);
}

p {
	width: 100%;
	margin: 20px 0px;
	display: block;
	float: left;
	clear: both;
}

p a {
	text-decoration: underline !important;
}

p a:hover {
	color: var(--blue) !important;
}

b, strong {
	font-family: 'PSSB', sans-serif;
	font-weight: normal;
	color: var(--blue);
}

h1, h2, h3, h4, h5 {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'PSSB', sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 120%;
	margin: 20px 0px;
	color: var(--blue);
	display: block;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* ELEMENTS */

div.bg-main {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	position: relative;
}

div.main {
	width: 100%;
	float: left;
	clear: none;
	top: 50%;
	left: 0%;
	position: absolute;
	transform: translateY(-50%);
	background-color: var(--black-80);
	padding: 70px 0px;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1000px) {
	div.logo {width:280px; height:70px; margin-bottom:20px;}
	div.main {padding:40px 0px;}
}

@media screen and (max-width:800px) {
	body {font-size:18px;}
	div.main {padding:40px 20px;}
}

@media screen and (max-width:600px) {
	body {font-size:16px;}
	div.main {padding:30px 15px;}
}

@media screen and (max-width:400px) {
	h1 {font-size:24px;}
	div.main {padding:40px 10px;}
	p {margin:10px 0px;}
}