@font-face {
  font-family: otsikkofontti;
  src: url("Momo_Trust_Display/MomoTrustDisplay-Regular.ttf");
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-Regular.ttf");
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: header-fontti;
  src: url("Lavishly_Yours/LavishlyYours-Regular.ttf");
}
h1, h2 {
  font-family: otsikkofontti, serif; 
  font-weight: normal; /* LIHAVOINTI POIS*/
}
body {
 font-family: leipis, serif;
 background-color: #bbb;
 background-image: url(tausta/tausta.jpg);
 background-position: center;
 background-attachment: fixed;
 background-size: cover;
}
img {
  max-width: 100%;
}
table {
 background-color: #fff;
 border-collapse: collapse;
} 
 td, th {
 border: 1px solid #000;
 padding-top: 4px;
 padding-right: 6px;
 padding-bottom: 6px;
 padding-left. 4px;

 /* sama lyhyemmin: */
 padding: 4px 6px 4px 6px;

 /* sama vielä lyhyemmin: */
  padding: 4px 6px;
}
th {
 text-align: left;
 background-color: #000;
 color: #fff;
}
.kaikki {
 background-color: #fff;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
}
.header {
 font-family: header-fontti, serif;
 background-color: #D66391;
 background-image: url(../kuvat-netissa/tausta/ankka.jpg);
 padding: 50px;
 font-size: 80px;
 color: #fff;
 text-shadow: 0px 0px 14px #000;
}
.header, .nav, .footer {
 text-align: center;
}
.nav {
 background-color: #efe;
 padding: 10px;
}

/* navigointilinkit */

.nav a {
 margin: 10px;
 color: #733;
 text-decoration: none;
}

/* muut linkit */

a {}

.main {
 padding: 30px;
 min-height: 500px;
}
.footer {
 background-color: #333;
 color: #fff;
 padding: 30px;
}
.tumma {
 background-color: #999;
 padding: 20px;
}