// HTML5 display definitions
// ==========================================================================

// Add the correct display in IE <10.
// Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
// Add the correct display in IE for `main`.
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section,
 summary {
   display: block;
 }

* {
  box-sizing: border-box;
}

html {
  font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

body {
  margin: 0;
  padding: 30px;
  color: black;
  text-align: center;
  height: 100%;
  width: 100%;

  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;



}

h1 {
  font-size: 42px;
  margin-bottom: 8px;
}

h2 {
  margin-top: 5px;
}

h3 {
  margin-bottom: 0;
}

p {
  margin-top: 5px;
}

a {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
}

a::after {
  display: block;
  position: absolute;
  top: 100%;
  margin-top: -4px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #000000;
  transition: all 0.2s;
  content: '';
}

a:hover:after {
  height: 3px;
}

.brand-color {
  color: #2D2C25;
}

img {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}