:root {
    --primary-font: '';
}

html { height: 100%; scroll-behavior: smooth; }

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: var(--s-25);
	color: var(--s-900);
	font-size: 16px;
	font-family: var(--primary-font), sans-serif;
	font-weight: 400;
	overflow-y: scroll;
}

* { margin: 0; padding: 0; outline: 0; }

a { color: var(--s-900); text-decoration: none; }
a img { border: 0; }

strong { font-weight: 700; }
input, textarea, button { font-family: var(--primary-font), sans-serif; }

h1, h2, h3, h4, h5 { font-family: var(--primary-font), sans-serif; font-weight: 700; }

::selection { background: var(--b-25); color: var(--s-25); }

.wrap { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; min-height: 100%; }
.content { display: flex; flex-wrap: wrap; box-sizing: border-box; width: 1200px; max-width: 100%; padding: 0 20px; }

header { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 22px 0; }
header .logo { display: flex; }
header .logo img { height: 40px; }