* {
	margin: 0;
	padding: 0;
}

::-webkit-scrollbar { background-color: #d9d9d9; height: 9px; width: 9px; border: 4px solid #fcfcfc; }
::-webkit-scrollbar-thumb { background-color:#d9d9d9; height: 8px; border: 3px solid #fcfcfc; }

body {
	background-color: #fcfcfc;
	background-image: url(images/theme/bg-top.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font: 500 10px 'Poppins', sans-serif;
	color: #262626;
	line-height: 24px;
	overflow-x: hidden;
}

main {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: space-between;
}

article {
	width: 100%;
	background-color: transparent;
	margin: 0 auto;	padding: 0;
	text-align: center;
	display: block;
	position: relative;
}

header, footer {
	margin: 19px auto 0 auto; padding: 0;
	background: #fcfcfc;
	line-height: 100%;
	position: relative;
	display: table;
	text-align: center;
	z-index: 30;
}

header svg, footer svg {
	margin: 0 auto;
	width: 100vw; height: 63px;
	font: 900 72px 'Poppins', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	display: table;
}

header svg text, footer svg text {
	fill: none;
	stroke: #d9d9d9;
	stroke-width: 0.5px;
	text-anchor: middle;
}

header span, footer span {
	position: absolute;
	top: 50%; left: 0; right: 0;
	background: #fcfcfc;
	margin: auto; padding: 5px;
	text-transform: uppercase;
	letter-spacing: 0.19em;
	transform: translateY(-50%);
	display: table;
}

/* MAIN SECTION */

section {
	width: 60%; max-width: 690px;
	margin: 27px auto;
	text-align: center;
	display: block;
}

section li {
	margin: 0 7px; padding: 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

/* FOOTER */

footer { margin: 0 auto 19px auto; color: #d9d9d9; }
footer span a { color: #262626; text-decoration: none; }

#cred {
	position: absolute;
	top: 50%; right: 25px;
	margin: auto;
	text-align: right;
	display: table;
	vertical-align: middle;
	transform: translateY(-50%);
}

#cred a svg {
	width: 24px; height: 24px;
	display: inline-block;
}

@media only screen and (max-device-width: 1000px), all and (max-width: 1000px) {
	section { width: 70%; max-width: unset; }
}

@media only screen and (max-device-width: 800px), all and (max-width: 800px) {
	section { width: 80%; max-width: unset; }
}

@media only screen and (max-device-width: 700px), all and (max-width: 700px) {
	footer { padding: 0 0 39px 0; }
	footer span { bottom: 39px; }
	#cred { top: unset; right: 0; bottom: 0; left: 0; }
}