@font-face {
	font-family: "Urbanist";
	src: url('../fonts/Urbanist-Light.woff2') format('woff2');
	font-weight: 300;
}

@font-face {
	font-family: "Urbanist";
	src: url('../fonts/Urbanist-Regular.woff2') format('woff2');
	font-weight: 400;
}

@font-face {
	font-family: "Urbanist";
	src: url('../fonts/Urbanist-Medium.woff2') format('woff2');
	font-weight: 500;
}

@font-face {
	font-family: "Urbanist";
	src: url('../fonts/Urbanist-SemiBold.woff2') format('woff2');
	font-weight: 600;
}

@font-face {
	font-family: "Urbanist";
	src: url('../fonts/Urbanist-Bold.woff2') format('woff2');
	font-weight: 700;
}

@font-face {
	font-family: "Urbanist";
	src: url('../fonts/Urbanist-ExtraBold.woff2') format('woff2');
	font-weight: 800;
}

:root {
  --violett: #574587;
  --red: #e74648;
  --beige: #ebceae;
  --black: #1a1a1e;
}

body {
	background-color: white;
	color: var(--black);
	font-family: 'Urbanist', sans-serif;
}

.container {
	max-width: 600px;
}

header {
	margin-top: 10vh;
	margin-bottom: 30px;
}

#ssh-logo {
/* 	text-align: right; */
}

#ssh-logo img {
	max-width: 250px;
	margin-bottom: 50px;
}

p, ul, li {
	font-weight: 400;
	font-size-adjust: 13px;
	letter-spacing: 0.5px;
	line-height: 1.3;
}


h1, h2, h3 {
	font-family: 'Urbanist', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}

h1 {
	font-size: 30px;
	color: var(--violett);
	line-height: 1.15;
	margin-top: 45	px;
}

a {
	color: var(--black);
	text-decoration: none !important;
}

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

span.ssh-cat {
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.4px;
	color: var(--violett);
	text-transform: uppercase;
	display: inline-block;
	min-width: 8em;
}