<!--
body {
background-color: #FF7F27;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
.row:after {
content: "";
clear: both;
display: block;
}
[class*="col-"]{
float: left;
padding: 15px;
}
html {
font-family:"Times New Roman",Serif;
}
.otsikko {
img-align: center;
text-align: center;
background-color: #FFB27D;
background: url(http://www.saarinet.fi/index_files/ricepaper2.png) repeat;
padding: 15px;
margin: 15px;
border-radius: 15px;
box-shadow: 0 1px 3px #000080, 0 2px 3px #000080;
}
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
padding: 5px;
margin-bottom: 7px;
backround-color: #FF9D5A;
color: white;
box-shadow: 0 1px 3px #000080, 0 1px 2px #000080;
box-color: FF9D5A;
}
.menu li:hover{
background-color: #F0670B;
text-color: white;
}
.vasen {
background-color: #FFB27D;
background: url(http://www.saarinet.fi/index_files/ricepaper2.png) repeat;
padding: 15px;
font-size: 14pt;
line-height: 16pt;
text-align: center;
border-radius: 15px;
box-shadow: 0 1px 3px #000080, 0 2px 3px #000080;
}
.sisalto {
margin-left: 12px;
margin-right: 12px;
background-color: #FF9D5A;
background: url(http://www.saarinet.fi/index_files/ricepaper2.png) repeat;
font-size: 14pt;
line-height: 16pt;
text-align: center;
border-radius: 15px;
box-shadow: 0 1px 3px #000080, 0 2px 3px #000080;
}
.oikea {
background-color: #FFB27D;
background: url(http://www.saarinet.fi/index_files/ricepaper2.png) repeat;
padding: 15px;
text-align: center;
font-size: 12pt;
line-height: 14pt;
border-radius: 15px;
box-shadow: 0 1px 3px #000080, 0 2px 3px #000080;
}
.logo {
border-radius: 15px;
border-style: groove;
border-color: #FF7F27;
border-width: 5px;
box-shadow: 0 1px 3px #FF7F27, 0 2px 3px #FF7F27;
max-width: 100%;
height: auto;
}
h1 {
color: #000080;
font-size: 28pt;
line-height: 30pt;
}
h2 {
color: #000080;
font-size: 20pt;
line-height: 22pt;
}
h3 {
color: #000080;
font-size: 7pt;
line-height: 9pt;
}
a {
color: #000080;
}
/* For mobile phones: */
[class*="col-"]{
width: 100%;
}
@media only screen and (min-width: 512px) {
/* For tablets: */
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
}
@media only screen and (min-width: 1024px) {
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
-->