html {
margin: 0;
padding: 0;
scroll-behavior: smooth;
}

body {
min-height: 100vh;
margin: 0;
padding: 0;
padding-top: 80px;
box-sizing: border-box;
}

.header {
background-color: #444;
position: fixed;
top: 0;
width: 100%
}

.header img {
float: left;
height: 80px;
}

.headerbutton {
float: right;
display: inline;
border-radius: 30px;
background: #bfbfbf;
display: block;
width: 170px;
margin: 10px;
}

.headerbutton:hover {
background-color: #a09f9f;
}

.headerbutton a {
font-family: 'Space Mono', san-serif;
font-size: 1.1em;
text-decoration: none;
color: #000;
display: block;
padding: 20px;
}

h1 {
color: #fff;
font-size: 2em;
font-style: normal;
font-weight: 400;
letter-spacing: .05em;
line-height: 1;
font-family:  'Archivo Black', serif;
}

h2 {
color: #fff;
font-size: 3em;
font-style: normal;
font-weight: 400;
letter-spacing: .05em;
line-height: 0;
font-family:  'Archivo Black', serif;
}

h3 {
color: #000;
font-size: 1.2em;
font-style: normal;
font-weight: 400;
letter-spacing: .05em;
line-height: 1;
font-family:  'Archivo Black', serif;
}

h4 {
color: #000;
font-size: 3em;
font-style: normal;
font-weight: 400;
letter-spacing: .05em;
line-height: 1;
font-family:  'Archivo Black', serif;
text-align: center;
}


.blue {
background-color: #2547a0;
width: 100%;
height: auto;
}

.grey {
background-color: #212020;
width: 100%;
height: auto;
font-family: 'Space Mono', san-serif;
}

.grey2 {
background-color: #212020;
width: 100%;
height: auto;
}

.white {
background-color: #fff;
width: 100%;
height: auto;
}

.content {
padding: 20px 50px;
}

.content2 {
padding-top: 20px;
padding-left: 200px;
padding-right: 350px;
}

.content3 {
padding: 5px 16px;
}

.contact {
background-color: #2547a0;
width: 100%;
height: 400px;
}

.contact p {
color: #fff;
font-family: 'Space Mono', san-serif;
}

.contact p a {
color: #eee;
}

.contact p a:hover {
color: #aaa;
}

.contact img {
float: right;
clear: both;
height: 350px;
}

.grey table {
border-spacing: 30px;
margin: auto;
}

.grey table td {
background-color: #fff;
width: 500px;
height: 250px;
padding: 3%;
}

.button {
border-radius: 30px;
background: #bfbfbf;
display: block;
width: 170px;
margin: 10px;
}

.button:hover {
background-color: #a09f9f;
}

.button a {
font-family: 'Space Mono', san-serif;
font-size: 1.1em;
text-decoration: none;
color: #000;
display: block;
padding: 20px;
}

.align {
color: #fff;
font-family: 'Space Mono', san-serif;
}

.align table td img {
width: 450px;
}

.align table td {
padding: 50px;
}

.blue img {
text-align: center;
width: 60%;
}

.section {
color: #000;
font-family: 'Space Mono', san-serif;
}

.section img {
max-width: 600px;
}

.section table td {
padding: 50px;
}