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
26.current {
27	color: #333;
28}
29
30nav {
31	display: flex;
32	font: 400 1.5em $title-font;
33	letter-spacing: -1.2px;
34	
35	ul {
36		display: inline-flex;
37		width: 430px;
38		height: 32px;
39		margin: 0;
40		padding: 50px 30px 0 0;
41		flex-direction: row;
42		justify-content: space-between;
43		list-style-type: none;
44		border-bottom: 5px solid $main-grey;
45	}
46}
47
48h1, h2, h3, h4, h5, h6 {
49	margin: 0;
50	font: 200% $title-font;
51	color: $main-blue;
52}
53
54footer {
55	border-top: $border-sep;
56	text-align: center;
57	font: 75% $body-font;
58	p {
59		margin: 0;
60	}
61}
62
63@media only screen and (max-width: 700px) {
64	nav {
65		margin-bottom: 5vh;
66		ul {
67			width: 100%;
68			padding: 0;
69			padding-top: 30px;
70			position: relative;
71			top: 5vh;	
72		}
73		img {
74			position: absolute;
75			top: 0;
76		}
77	}
78}