@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=latin-ext');
menu, article, aside, details, footer, header, nav, section, img {
	display: block;
}
/* Perusmuotoilut */
body {

}
body, p, .teksti, td, ul, li {
	font-family: 'Montserrat', serif;
	font-size: 100%;
	line-height: 160%;
  font-weight:500
}
body, p {
	margin: 0;
	padding: 0;
}
p {
	line-height: 150%;
	color: #000000;
}
ul {
	color: #000000;
}
body, p {
	margin: 0;
	padding: 0;
}
.kuva {
	cursor : pointer;
}
a {
	color: #f48d23;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* Classit */
.padding {
	padding: 80px 0px;
}
.center-col {
	clear: both;
	margin: 0% auto;
	width: 1600px;
	position: relative;
}
.dib {
	display: inline-block;
}
.dt {
	display: table;
}
.content-col {
	clear: both;
	width: 100%;
}
.elmcenter {
	text-align: center;
}
.col-33, .col-25, .col-50, .col-66, .col-75 {
	display: inline-block;
	float: left;
}
.col-33 {
	width: 33%;
}
.col-66 {
	width: 66%;
}
.col-25 {
	width: 25%;
}
.col-50 {
	width: 50%;
}
.col-75 {
	width: 75%;
}
/*Copyright*/
#semiowebio {
	text-align: center;
}
#semiowebio img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#semiowebio img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
/* Otsikkotyylit */

h1, h2, h3, h4, h5, h6 {
	
  font-family: 'Montserrat', serif;
	margin: 0;
	line-height: 105%;
  font-weight:900
}
h1 {
	color: #c2c600;
	font-size: 3em;
	font-weight: 400;
	padding: 0px 0px 20px 0px;
  font-family: "Fugaz One", sans-serif;
  text-transform:uppercase
}
h2 {
	color: #008e3f;
	font-size: 2.375em;
	font-weight: 700;
	padding: 0px 0px 15px 0px;
}
h3 {
	color: #c2c600;
	font-size: 2.000em;
	font-weight: 700;
	padding: 0px 0px 15px 0px;
}
h4 {
	color: #008e3f;
	font-size: 1.875em;
	font-weight: 700;
	padding: 0px 0px 15px 0px;
}
h5 {
	color: #c2c600;
	font-size: 1.675em;
	font-weight: 700;
	padding: 0px 0px 15px 0px;
}
h6 {
	color: #008e3f;
	font-size: 1.475em;
	font-weight: 700;
	padding: 0px 0px 10px 0px;
}
/* Tapahtumakalenteri */
.tapahtumat {
	font-weight: bold;
}
.tapahtumakalenteri_otsikko {
	color: #008e3f;
	font-weight: bold;
}
.tapahtumakalenteri_valiotsikko {
	font-weight: bold;
}
/* Uutiset */
.uutis_otsikko {
	color: #008e3f;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 118%;
}
.uutispaivays {
	display: block;
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 0px;
}
.uutis_paivays {
	font-size: 0.75em;
	color: #000000;
}

#nwpk-element {width:100%; height:auto; max-width:100%}

.uutispaivaysetusivu {
	font-size: 0.75em;
}
.nostettumoduli {
	color: #008e3f;
}
/* Lomakeotsikot */

.lomakeotsikko {
	color: #008e3f;
	font-weight: bold;
}
.lomaketekstiotsikko {
	color: #008e3f;
	font-weight: bold;
}
/* Lomakekentat */
input, .lkentta. select, .lpainike, textarea {
 border: 1px solid #b0b0b0;
 padding-left: 3px;
 border-radius: 3px;
}
input {
}
.lkentta {
}
select {
}
.lpainike {
	padding-left: 0;
}
textarea {
}
/* Webio alavalikon linkit */
.valikkolinkki-sel, .valikkolinkki, .valikkomodulilinkki, .valikkomodulilinkki-sel {
	text-decoration: none;
	border-bottom: 1px solid #d37c1f;
	padding: 10px 0px;
	display: block;
	color: #fff !important;
	font-weight: bold;
	font-size: 18px;
}
a.valikkolinkki::before, a.valikkolinkki-sel::before, a.valikkomodulilinkki::before, a.valikkomodulilinkki-sel::before {
	content: "\203A\00a0";
	display: block;
	float: left;
	padding-right: 10px;
	color: #d37c1f;
}
.valikkolinkki {
	color: #008e3f;
}
.valikkolinkki-sel {
	color: #c3c3c3 !important;
	font-weight: bold;
}
.valikkomodulilinkki {
	color: #008e3f;
}
.valikkomodulilinkki-sel {
	color: #74b825 !important;
	font-weight: bold;
}
/* Piilosivun tyyli */

.valikkolinkki_piilosivu {
	color: #005600;
}
/* Muut */
a.takaisinuutisiin, a.webiolinkkipainike {
	background: #008e3f;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	margin-top: 30px;
	border-radius:40px;
	padding: 15px 35px;
	font-weight: 700;
	transition: all 0.2s ease-in-out 0s;
	text-decoration: none;
    font-family: "Fugaz One", sans-serif;
}
a.takaisinuutisiin:hover, a.webiolinkkipainike:hover {
	background: #c2c600;
	color: #fff;
	text-decoration: none;
}
/* Päävalikko */

#main-nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
	list-style: none;
  height: 102px;
}
#main-nav a {
	padding: 20px 2vw;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	display: flex;
	align-items: flex-start;
	color: #000;
	text-transform: uppercase;
    font-family: "Fugaz One", sans-serif;
}

#main-nav img {max-width: 19vw;min-width: 200px;}
#main-nav a:hover {
	color: #7d7d7d;
}
#menu-wrapper {
	background: url(../img/header/navi-bg.png) left center repeat-x;;
  position: absolute;top: 2em;z-index: 200;left: 0;
	
}
#main-navi-resp {
	display:none;
	
}
#header-wrapper {
	background:url(../img/header/front-bg.jpg) center top no-repeat;
	background-size:cover;
	height:835px;
	position: relative;
}
#tunnus-etusivu img {
	display:inline-block;
	
}
#tunnus-etusivu {
padding-top:110px;	
}
#header-cta {
	position: absolute;
	bottom:100px;
	
}
#content-wrapper {
	width:75%;
	padding:0 12.5%;
}
#bannerit-wrapper {
	background:url(../img/header/banneri-tausta.jpg) center top no-repeat;
	background-size:cover;
	padding:50px 0px;
	display:table;
}
a.banneri {
	display:block;
	background-size:cover !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	width:30%;
	margin:0 3%;
	padding:120px 7%;
}
a.banneri h2 {
	font-size:3em;
}
a.banneri h2, a.banneri p {
	color:#fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
a.banneri:hover {
	text-decoration: none;
	opacity:0.8;
}
a.banneri img {
    display: inline-block;
    position: absolute;
    margin: 5px 0px 0px 5px;
}
#footer-wrapper {
	background: url(../img/header/bg-footer.jpg) center top no-repeat #fff;
	background-size:cover;
	padding:60px 0px 250px 0px;
	display: table;
}
#footer-wrapper img {
	display:inline-block;
}
table#kumppanitaulukko p {
	color:#746e6e;
	font-size:1.563em;
}
table#kumppanitaulukko {
	padding:30px 0 150px 0px;
}
#header-alasivu {
    height: auto;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    display: table;
}
#tunnus-alasivu {
float:right;
  padding:113px 0px;
}
#tunnus-alasivu img {
display:inline-block;
}

.list-unstyled.row {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 1em;}
.list-unstyled.row li {padding: 0 !important;margin: 0 !important;margin: 0 !important;width: 100% !important;background-size: cover !important;height: 19vw !important;min-height: 300px;}

@media only screen and (max-width: 1280px) {.list-unstyled.row {grid-template-columns: repeat(2,1fr);}}
@media only screen and (max-width: 575px) {.list-unstyled.row li {height: 50vw !important;min-height: 200px;}}
@media only screen and (max-width: 480px) { .list-unstyled.row li {height: 40vw !important;min-height: 100px;}}

table.resp-table, .resp-table tbody,.resp-table tr, .resp-table td{width:100% !important; height:auto !important} .resp-table tr {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); grid-gap:1em;}.resp-table td{padding: 1em;box-sizing: border-box;}@media only screen and (max-width: 960px) {.resp-table tr {grid-template-columns: repeat(2,1fr);}table.resp-table, .resp-table tbody,.resp-table tr, .resp-table td{padding:0}}@media screen and (max-width:575px) {.resp-table tr {display:grid; grid-template-columns:1fr; grid-gap:1em;margin-bottom: 1em;}}