@charset "UTF-8";
/* CSS Document */

*{
	margin: 0px;
	padding:0px;
	
	box-sizing: border-box;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	
	cursor: default;
	color: var(--light);
	
	text-decoration: none;
}

body{
	background-color: var(--dbg);
	width:100vw;
	min-height:100vh;
	padding:32px 0px;
	overflow-x: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

img{
	object-fit: contain;
}

/* Page */

#page{
	width:90%;
	margin: auto;
	overflow: hidden;
	border-radius: 16px;
	max-width: 1600px;
}

#page_content{
	background-color: var(--mbg);
	text-align: center;
	border-top: 8px solid var(--ac1);
	padding:16px 0px;
}

#page_logo{
	width:100%;
	height:160px;
	margin-bottom:16px;
}

/* Header */

#header{
	background-color: var(--light);
	padding:32px;
}

#header_logo{
	width:100%;
	height:160px;
}

/* Text */

p, h1, h2{
	
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: 400;
}

a, a *{
	cursor: pointer
}

a:hover{
	opacity: 0.8;
	text-decoration: underline;
	
}

h1{
	font-size:24px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 4px;
}

h2{
	font-weight: 600;
	
}



/* Blocks */

.block{
	padding:16px 32px;
}

.block.nbg h2{color: var(--ac1)}
.block.nbg a{color: var(--ac1)}

/* Tiny socials */
.tinysocial a, .tinysocial a *{
	text-decoration: none;
}

.tinysocial img{
	width:24px;
	height:24px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 4px;
	margin-right: 4px;
}

.tinysocial p{
	display: inline-block;
	vertical-align: middle;
	font-weight: 200;
}