a{
text-decoration:none;
}
img {
border: 0;
}
ol,ul {
margin:0;
}
body{
margin:0;
padding:0;
font-family: 'Ubuntu', sans-serif;
font-size:16px;
}
.content{
width:60em;
margin:0 auto 0;
background-color:rgba(255,255,255,.3);
}
.content h1{
margin:0 0 .5em;
color:#e57f30;
}
.content h2{
margin-top:0;
font-weight: normal;
color:#006792;
}
.teksti{
padding:2em 4em;
}
#logo {
width:60em;
margin:2em auto 0;
padding-bottom:1.5em;
text-align:center;
border-bottom:.25em solid #006792;
}
#menu{
margin:.5em auto 0;
width:50em;
text-align: justify;
padding:2.5em 5em 1em;
background-color:rgba(255,255,255,.3);
}
#menu > a{
width: 7.5em; /* Declare your value. Can be in relative units. */
display: inline-block;
vertical-align: top;
text-align:center;
/* IE fix. */
*display: inline;
zoom: 1;
text-decoration:none;
color: #006792;
}
#menu:after {
content: "";
width: 100%;
display: inline-block;
}
#menu a.active{
color:#e57f30;
}
#menu a:hover{
color:#e57f30;
}
#footer{
color:#fff;
width:52em;
margin:.5em auto 2em;
padding:2em 4em 1.5em;
background: #006792;
}
#footer h3{
margin-top:0;
}
#footer h1{
margin:.5em 0;
font-style:italic;
text-align:center;
color:#e57f30;	
display:block;
margin-right:-2.5em;
}
.bottom{
clear:both;
text-align: justify;
display:block;
width:40em;
margin:0 auto;
clear:both;
padding:1em 0;
}
.bottom a{
width: 10em; /* Declare your value. Can be in relative units. */
display: inline-block;
vertical-align: top;
text-align:center;
/* IE fix. */
*display: inline;
zoom: 1;
}
#footer div{
float:left;
margin-right:7em;
}
.ukko{
display:block;
float:right;
margin-right:1em;
margin-top:-1em;
}
.bottom:after {
content: "";
width: 100%;
display: inline-block;
}
@media only screen and (max-device-width: 480px) {
body{
font-size:150%;
}
.teksti{
background:none;
}
#menu{
margin:4em auto 0;
width:50em;
padding:0 5em;
text-align: justify;
}
.bottom{
margin:4em auto 0;
width:40em;
padding:0 10em;
text-align: justify;
}
}