/*    CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 200;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }


/* TYPOGRAPHY */

@font-face {
  font-family: 'GT-Eesti';
  src: url('fonts/GT-Eesti-Display-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/GT-Eesti-Display-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GT-Eesti-Display-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GT-Eesti-Display-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/GT-Eesti-Display-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GT-Eesti-Display-Bold.otf') format('otf');
	font-weight: bold;
	font-style: bold;

}

@font-face {
  font-family: 'GT-Eesti';
  src: url('fonts/GT-Eesti-Display-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/GT-Eesti-Display-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GT-Eesti-Display-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GT-Eesti-Display-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/GT-Eesti-Display-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GT-Eesti-Display-Regular.otf') format('otf');
	font-weight: normal;
	font-style: normal;

}


/* STYLE HEADER START */
body {
  font-family: "GT-Eesti", "Roboto", sans-serif; }

h1 {
  font-size: 8vw;
  font-weight: 500;
  color: white;
  font-family: 'GT-Eesti', sans-serif;
  font-weight: 700;
  letter-spacing: 1rem;
  text-transform: uppercase;
}

h3 {
  font-size: 34pt; }

header {
  height: 100%;
  width: 100%;
  background-image: url(img/bg.jpg);
  background-size: cover;
  background-position: center;
  text-align: center; }

#img-logo {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  padding: 8px 0px;
}

img {
  margin: 20px;
}

p, p a {
  max-width: 840px;
  margin: 20px auto;
  color: white;
  font-size: 1em;
  letter-spacing: 0.05em;
}


a {
  text-decoration: none;
  border-bottom: solid 2px white;
  padding-bottom: 2px;
  font-family: "GT-Eesti", sans-serif;
  font-weight: 400;
}


a:hover {
  padding-bottom: 8px;
  transition: all 0.5s ease-out;
}



  .centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }