1$main-blue: #397eaf;
 2$main-grey: #e1e1e1;
 3$border-sep: 5px solid $main-grey;
 4$title-font: sans-serif;
 5$body-font: sans-serif;
 6
 7html {
 8	background: white;
 9}
10
11body {
12	max-width: fit-content;
13	min-width: 364px;
14	margin: 20px auto 0 auto;
15	padding: 8px;
16	font: 100% $body-font;
17}
18a {
19	color: #707070;
20	text-decoration: none;
21}
22a:hover {
23	color: #999;
24}
25
26nav {
27	display: flex;
28	font: 400 1.5em $title-font;
29	letter-spacing: -1.2px;
30	
31	ul {
32		display: inline-flex;
33		width: 430px;
34		height: 32px;
35		margin: 0;
36		padding: 50px 30px 0 0;
37		flex-direction: row;
38		justify-content: space-between;
39		list-style-type: none;
40		border-bottom: 5px solid $main-grey;
41	}
42}
43
44h1, h2, h3, h4, h5, h6 {
45	margin: 0;
46	font: 200% $title-font;
47	color: $main-blue;
48}
49
50footer {
51	border-top: $border-sep;
52	text-align: center;
53	font: 75% $body-font;
54	p {
55		margin: 0;
56	}
57}
58
59@media only screen and (max-width: 700px) {
60	nav {
61		margin-bottom: 5vh;
62		ul {
63			width: 100%;
64			padding: 0;
65			padding-top: 30px;
66			position: relative;
67			top: 5vh;	
68		}
69		img {
70			position: absolute;
71			top: 0;
72		}
73	}
74}