@import url('https://fonts.googleapis.com/css?family=Lavishly+Yours');
@import url('https://fonts.googleapis.com/css?family=Bellefair');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');

::-moz-selection { color: #eeeeee; background: #959775; }
::selection { color: #eeeeee; background: #959775; }

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #959775; }
::-webkit-scrollbar-thumb { background: #5D6E2A; }

img.galleria { border: 6px solid #D8DCCC; background-color: #D8DCCC; transform: scale(1); transition-duration: 0.3s; }
img.galleria:hover { transform: scale(0.9); transition-duration: 0.3s; }

body { margin: 0; padding: 0; width: 100%; height: 100%; background: url(k/ml-bg.jpg) fixed; background-repeat: no-repeat; background-position: center bottom; }
div.header { position: relative; display: inline-block; background-color: transparent; background-image: url(k/miekka.png); background-size: contain;
background-position: center center; background-repeat: no-repeat; width: 100%; margin: 0; padding: 90px 0px; overflow: hidden; text-align: center; }
div.container { display: block; background-color: rgba(255, 255, 255, 0.92); width: 90%; max-width: 1100px; margin: 0 auto; padding: 2% 5%; overflow: hidden; }
div.footer { display: block; background-color: rgba(255, 255, 255, 0.99); width: 90%; max-width: 1292px; margin: 0 auto 90px auto; padding: 0; overflow: hidden; }

div.half {
display: inline-block;
width: 49%;
max-width: 100%;
margin: 0px;
padding: 0px 5px;
flex-wrap: wrap;
}

div.kuva {
display: inline-block;
width: 30%;
float: right;
max-width: 100%;
margin: 0px 0px 50px 50px;
padding: 0px;
flex-wrap: wrap;
font-family: open sans;
font-size: 10px;
text-align: right;
}

div.heppa {
display: inline-block;
background: url(k/rot-in.jpg);
background-repeat: repeat;
width: 33%;
max-width: 100%;
margin: 0px;
padding: 0px;
flex-wrap: wrap;
overflow: hidden;
}

div.varsa {
display: inline-block;
background-color: transparent;
margin: 0px;
padding: 15px 0px;
width: 24.5%;
flex-wrap: wrap;
font-family: open sans;
font-size: 13px;
font-weight: 400;
}

div.kisat {
display: inline-block;
background-color: transparent;
margin: 0px;
padding: 15px 0px;
width: 33%;
flex-wrap: wrap;
font-family: open sans;
font-size: 11px;
font-weight: 400;
}

td.aika {
width: 6%;
padding: 10px 0px;
text-align: center;
color: #AC7953;
}

td.nimi {
width: 44%;
padding: 10px 0px 10px 15px;
text-align: left;
}

b, strong {
font-weight: normal;
color: #834A1F;
text-shadow: 0px 0px 1px #834A1F;
}

m, meriitit {
font-size: 10px;
font-family: open sans;
color: #aaaaaa;
}

a:link, a:visited { color: #834A1F; text-decoration: none; } a:hover { color: #AC7953; text-decoration: underline; }
h1 { font-size: 30px; font-family: bellefair; font-weight: normal; color: #718142; padding: 0px; margin: 25px 0px; text-align: left; text-transform: uppercase; }
h2 { font-size: 22px; font-family: open sans; font-weight: 300; color: #737865; margin: 50px 0px 15px 0px; text-align: left; text-transform: uppercase; }
h3 { font-size: 12px; font-family: bellefair; font-weight: normal; color: #aaaaaa; margin: 25px; text-align: center; text-transform: uppercase; clear: both; }
p { color: #000000; font-family: open sans; font-size: 14px; text-align: justify; line-height: 2; }

.nav { display: block; background-color: rgba(255, 255, 255, 0.99); list-style: none; width: 100%; max-width: 1292px; margin: 0 auto; padding: 15px 0px 10px 0px;
text-align: center; text-decoration: none; font-family: lavishly yours; font-weight: normal; } .nav li { display: inline; }
.nav a { display: inline-block; padding: 10px 0px; margin: 5px 15px; text-decoration: none; text-transform: uppercase; font-family: bellefair; font-weight: normal;
font-size: 18px; color: #5D6E2A; background-color: transparent; border-bottom: 2px solid transparent; } .nav a:hover { color: #959775; border-bottom: 2px solid #959775; }
a.header:link, a.header:visited { font-size: 98px; font-family: lavishly yours; font-weight: normal; color: #000000; padding: 0; margin: 0 auto; text-decoration: none;
text-transform: none; line-height: 1.2; border-bottom: 0px solid transparent; } a.header:hover { text-decoration: none; border-bottom: 0px solid transparent; }