@font-face {
  font-family: leipat;
  src: url("fontit/FiraSans-Regular.ttf");
}
@font-face {
  font-family: leipat;
  src: url("fontit/FiraSans-Bold.ttf")
  font-weight bold;
}
@font-face {
  font-family: leipat;
  src: url("fontit/FiraSans-Italic.ttf")
  font-style italic;
}
@font-face {
  font-family: Header-fontti;
  src: url("fontit/Fascinate-Regular.ttf");
}

body {
  font-family: leipat, serif;
  background-color: #222;
  background-image: url(misc-kuvia/tausta-ulkokuva.jpg);
  background-size:cover;
  background-attachment:fixed;
  background-position: bottom;
}

.kaikki {
  background-color: #fff;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;

}

.header {
  font-family: "Header-fontti";
  background-color: #ff0037;
  padding: 23px;
  font-size: 73px;
  color: #ff0037;
  background-image: url(misc-kuvia/header-tausta.jpg);
  text-shadow: 0px 0px 35px white;
}

.header, .nav, .footer {
  text-align: center;
}

.nav {
  background-color: #fab6c2;
  padding: 10px;
}

/* navigointilinkit */
.nav a {
  margin: 10px;
  color: #733
}

.tumma {
  background-color: #adadad;
  text-align: center;
}

.keskitetty {
  text-align: center;
}
h2 {
  margin-top: 40px;
}


img {
  max-width: 100%;
}

table {
  background-color: #fff;
  border-collapse: collapse;
}

td, th {
  border: 1px solid #333;
  padding: 1px 6px 1px 6px;
}

th {
  background-color: #333;
  color: white;
}

/* muut linkit */
a {

}

.main {
  padding: 30px;
  min-height: 500px;
}

.footer {
  background-color: #333;
  color: #fff;
  padding: 30px;
}