@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

body {
    background-image: radial-gradient(#eee, #eee, #eee, #ddd, #dadada);
    background: background-position(fixed);
    font-family: 'Roboto', sans-serif;
    font-size: 11pt;
    color: #363535;
    line-height: 1.5;
}

.sisus {
    position:relative;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    width:65%;
    padding:70px 50px;
    font-family: 'Roboto', sans-serif;
    font-size: 11pt;
    color: #363535;
    line-height: 1.5;
}

#alkulaina{
    display: inline-block;
    max-width:800px;
    margin-bottom:-80px;
    text-align: left;
}

#loppulaina{
    float:right;
    max-width:800px;
    margin-top:-70px;
    text-align: right;
}

#tietowrapper{
    width: 100%;
    max-height:450px;
    background: url(http://lauantaimaalari.net/pomo/pulu/pulutausta.png) repeat-x;
}

#tiedot{
    width: 60%;
    margin-top: 30px;
    margin-bottom: 30px;
    background:rgba(255, 255, 255,.5);
    padding:13pt;
    box-shadow:1px 5px 5px #8d8d8d;
    border-radius:10px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #363535;
    line-height: 1.6;
}

#suku{
    width: 80%;
    margin: auto;
    background:rgba(255, 255, 255,.5);
    padding: 10px 15px 10px 15px;
    box-shadow:1px 5px 5px #8d8d8d;
    border-radius:10px;
    font-family: 'Roboto', sans-serif;
    font-size: 11pt;
    color: #8d8d8d;
    line-height: 1.6;    
}

.sukutaulu_isohaka {
    background-image: url('http://lauantaimaalari.net/pv/begrime/sukuviivab.png');
    background-repeat: no-repeat;
    background-position: right center;
}
.sukutaulu_pienihaka {
    background-image: url('http://lauantaimaalari.net/pv/begrime/sukuviivac.png');
    background-repeat: no-repeat;
    background-position: right center;
}


.palkki {
	padding: 5px 30px 30px 0;
	display: inline-block;
	font-size: 11pt;
	line-height: 13pt;
	vertical-align: top;
}

/* TEKSTIMUOTOILUT */

h1 {
    font-family: 'Abril Fatface', sans-serif;
	text-transform: uppercase;
	font-weight: normal; 
	font-size: 80px;
    color:#fff;
    text-shadow:1px 1px 3px black;
    text-align: center;
}

h2 {
    font-family: 'Abril Fatface', sans-serif;
	text-transform: uppercase;
	font-weight: normal; 
	font-size: 40px;
    color:#fff;
    text-shadow:1px 1px 3px black;
    text-align: right;
    background: url(http://lauantaimaalari.net/ds/k/4.png);
    background-position: center center;
    background-repeat: no-repeat;
}

h3 {
    font-family: 'Abril Fatface', sans-serif;
	text-transform: uppercase;
	font-weight: 100; 
	font-size: 30px;
    color:#009A49;
    text-align: left;
}

a {
    color: #FF7900;
    text-decoration: none;
}

a:hover {
    color: #009A49;
    text-decoration: underline;
}

a:visited {
    color: #FF7900;
    text-decoration: none;
}

#sukulinkki{
    font-family: 'Roboto', sans-serif;
	font-weight: 20; 
	font-size: 12pt;
    color: #FF7900;
}

#sukuevm{
    font-family: 'Roboto', sans-serif;
	font-weight: 20; 
	font-size: 12pt;
    color: #009A49;
}

#lainaa {
    font-family: 'Roboto';
    font-size: 12pt;
    color: #009A49;
    line-height: 1.5;
    font-style: italic;
}

#lainaa2 {
    font-family: 'Roboto';
    font-size: 12pt;
    color: #FF7900;
    line-height: 1.5;
    font-style: italic;
}

#korostus {
    font-family: 'Roboto', sans-serif;
	font-weight: 100; 
	font-size: 14pt;
    color:#fff;
    text-shadow:1px 1px 2px black;    
}

#pienikorostus {
    font-family: 'Roboto', sans-serif;
	font-weight: 300; 
	font-size: 11pt;
    color: #FF7900;
}

#kappaleenaloitus {
    font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	font-variant:small-caps;
    color: #FF7900;
}

#copy {
    margin-top:50px;
    margin-bottom:50px;
    font-family: 'Abril Fatface', sans-serif;
	text-transform: uppercase;
	font-weight: 30; 
	font-size: 20px;
    color:#fff;
    text-shadow:1px 1px 3px black;
    text-align: center; 
}

/* MOBIILI */

@media only screen and (max-width: 980px) {
    .sukutaulu_isohaka {	background-image:none;}
    .sukutaulu_pienihaka {	background-image:none;}
    .sisus {width:90%;}
}