/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
	font-size: 24px;
	color: #000;
/*	background: #f4f2ee;*/
/*      background: #eeeeee;*/
        background: #1E1E1E;
	margin-top: 0px;
	font-family: "DM Sans", sans-serif;
	font-weight: 400;
}

.main-background {
 max-width: 1480px;
 margin: 0 auto;
 background: #FFF;
}


.main-container {
	background: #FFF;
/*	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;*/
/*	max-width: 1170px;*/
        max-width: 1480px;
}

.main-container .row {
	margin-top: 0px;
}

.row {
       margin-right: 0px;
       margin-left: 0px;
}

.container {
        padding-left: 0px;
        padding-right: 0px;
}

a {
	color: #34397B;
	text-decoration: none;
}

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

.region-content a {
	text-decoration: underline;
}

.label {
        color: #382794 !important;
}


a.painike {
        border: 2px solid black;
        padding: 20px;
        margin-top: 40px;
        float: left;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        font-family: "Inter", sans-serif;        
}

p.isompi {
        font-size: 40px;
        line-height: 45px;
}

p.pienempi {
        font-size: 14px;
}

/* Ulkoisten linkkien kuvake */

.menu--main .ext .ext{
	display: none;
}

h1, h2, h3, h4 {
        font-family: "Inter", sans-serif;
	font-weight: 900;
	color: #000;	
}

h1 {
	font-size: 120px;
	margin-bottom: 20px;
}

h2 {
	font-size: 96px;	
	margin-bottom: -40px;
	font-weight: 400;
}

h3 {
	font-size: 18pt;	
}

/* Sisällön muotoiluja */

.region-content {
	float: left;
	width: 100%;	
}

.region-content .content {
	margin-bottom: 0px;
}

.region-content .content .field--name-field-media-image {
        margin-top: 30px;
        margin-bottom: 20px;
}

.region-content .content figure {
        margin-top: 30px;
        margin-bottom: 20px;
}

.region-content .content figure .field--name-field-media-image {
        margin-top: 0px;
        margin-bottom: 0px;
}

.region-content .content figure figcaption {
        font-size: 11pt;
        font-style: italic;
        margin-top: 8px;
}

.page-header {
	border-bottom: 0px;
	margin-top: 0px;
	text-transform: uppercase;
	font-weight: 900;
}

.region-content .content .field--name-field-media-image {
        margin-bottom: 20px;
}

 /* Yläosio, header, kuva, logo, nimi*/
 
.navbar-btn {
	margin: 0px;
}

.header-top {
        margin-top: 30px;
        width: 100%;
        float: left;
}

.header-top-inner {
        margin: 0 auto;
/*        max-width: 1110px;*/
        max-width: 1320px;
}

.header-top-inner a {
        z-index: 100;
        position: relative;
}

.region-header-top {
        float: left;
        width: 100%;
/*        background: #f5eee4;*/
        background: #c2e3e7;
        padding-top: 30px;
        padding-bottom: 30px;
}

/* Valikko, navigaatio, navbar, main-menu*/

.navbar {
	border-radius: 0px;
}

.navbar-brand {
	display: none;	
}

.navbar-wrapper {
	width: 100%;
	float: left;
	/*background: #6f2155;*/
/*	margin-bottom: 20px;*/
}

.navbar-wrapper {
        background-image: url("../images/etusivu_back.png");
        min-height: 800px;
        box-shadow: inset 0 0 0 800px rgba(48,34,14,.2);
        padding-left: 30px;
        padding-right: 30px;
}

/*.navbar-wrapper-layer {
        min-height: 800px;
        width: 100%;
        float: left;
        background-color: #30220E;
        opacity: 0.2;
}*/

.node-2 .navbar-wrapper {
        background-image: url("../images/toiminta_back.jpg");
        min-height: 800px;
        box-shadow: inset 0 0 0 800px rgba(48,34,14,.25);
        padding-left: 30px;
        padding-right: 30px;

}

.node-3 .navbar-wrapper {
        background-image: url("../images/julkaisut_back.png");
        min-height: 800px;
        box-shadow: inset 0 0 0 800px rgba(48,34,14,.25);
        padding-left: 30px;
        padding-right: 30px;
}

.node-4 .navbar-wrapper {
        background-image: url("../images/mtp_back.png");
        min-height: 800px;
        box-shadow: inset 0 0 0 800px rgba(48,34,14,.3);
        padding-left: 30px;
        padding-right: 30px;
}

.node-5 .navbar-wrapper {
        background-image: url("../images/yhteys_back.png");
        min-height: 800px;
        box-shadow: inset 0 0 0 800px rgba(48,34,14,.3);
        padding-left: 30px;
        padding-right: 30px;
}

.navbar.container {
/*	max-width: 1110px;*/
        max-width: 1320px;
	padding-left: 0px;
}

.navbar-default {
	border: 0;
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
	background: none;
}

.navbar-default ul{
	margin-left: 0px;
}

.navbar-header {
	width: 100%;
	float: left;	
}

.navbar-toggle {
	z-index: 100;
	background: #FFF !important;
}

.region-logo {
        float: left;
        max-width: 172px;
        margin-left: -57px;
}

.last-nav-link {
        float: right;
        width: 190px;
        margin-top: 40px;
        margin-right: 0px;
}

.last-nav-link a {
        border: 2px solid white;
        padding: 16px 30px;
        font-size: 15px;
        color: #FFF;
        text-transform: uppercase;
        font-family: "Inter", sans-serif;
}

.last-nav-link a:hover {
        text-decoration: none;
}

#navbar-collapse {
        width: 100%;
}

#block-smts-main-menu {
    margin: auto;
    width: 50%;
    text-align: center;
}

#navbar-collapse ul.menu--main {
    margin-top: 35px;
    width: 100%;
    display:flex;
    justify-content: center;
}

.navbar-nav > li {
    float: none;
    white-space: nowrap;
}

.nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 30px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}

#navbar-collapse ul li a{
	color: #FFF;
}

#navbar-collapse ul li a.is-active{
        font-weight: bold;
}

/*
#navbar-collapse ul li a.active-trail{
	background: #000;
}

#navbar-collapse ul li ul li.active a{
	background: #000; 
	color: #FFF;
}*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background: none;
}

#navbar-collapse ul li ul li{
	border: 0px;
	background: #34397B;
	color: #FFF;
}

/*#navbar-collapse ul li a:hover{
	color: #FFF;
	background: #000;
}*/

.navbar-nav .dropdown:hover > .dropdown-menu {
    display:block;
	margin:0;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
  padding: 0px;
  background: #909399;
  border-radius: 0px;
  border: 0;
}

ul.nav li.dropdown:hover > .dropdown-menu a{
  padding: 10px;
}

/* Sivun otsikko ja alaotsiko */

.main-titles {
     margin-top: 110px;
     min-height: 500px;
     border-bottom: 2px solid white;
}

.main-title {
}

.main-title h1{
     font-size: 120px;
     font-family: "Inter", sans-serif;
     font-weight: 400;
     color: #FFF;
}

.main-subtitle {
}

.main-subtitle p{
     font-size: 40px;
     color: #FFF;
     margin-top: 30px;
}

/* Lomakkeiden muotoiluja */

.region-content .btn-primary {
        background-color: #FFF;
        color: #000;
        font-size: 24px;
        font-weight: bold;
        border: 2px solid black;
        padding: 10px 20px;
        border-radius: 0px;
        text-transform: uppercase;
}

/* Karuselli */

.slick--skin--classic .slide__caption {
        width: 100% !important;
        padding: 0px 60px 0px 60px !important;
        background-color: #FFF;
}

.block-views-blockduplicate-of-kuvakaruselli2-block-1 .slick--skin--classic .slide__content {
        width: 100% !important;
        padding: 0px 60px 0px 60px !important;
        background-color: #FFF;
}

.slide__link {
    margin: 0px auto;
}

.slick-prev:before {
    content:  url("../images/arrow_left_big.png");
}

.slick-next:before {
    content:  url("../images/arrow_right_big.png");
}

.slick__arrow {
    top: 60%;
}

.block-views-blockduplicate-of-kuvakaruselli2-block-1 .slick__arrow {
    top: 50%;
}

.block-views-blockkuvakaruselli-block-1,
.block-views-blockduplicate-of-kuvakaruselli2-block-1 {
    padding: 60px 80px 80px 80px;
}

/* Sisältöalueet */

/* Käyttäjäsivujen muotoiluja */

.path-user .region-content {
      padding: 80px;
}

/* Tekstialue*/

.field--name-field-ps-sisaltoalue {
/*    padding: 80px;*/
     width: 100%;
     float: left;
}

.field--name-field-ps-sisaltoalue .field--item {
     width: 100%;
     float: left;
}

.field--name-field-ps-sisaltoalue .field--item .field--item {
}

.paragraph--type--pg-tekstiosio {
     padding: 80px;
     width: 100%;
     float: left;
}

.field--name-field-ps-sisaltoalue .field--name-field-pg-to-otsikko {
     margin-bottom: 40px;
     max-width: 697px;
     font-size: 40px;
}

.field--name-field-ps-sisaltoalue .field--name-field-pg-to-sisalto {
     float: right;
     max-width: 1000px;
}

/* Teksti ja kuva */

.paragraph--type--vasen-teksti-ja-oikea-kuva .element-wrapper,
.paragraph--type--vasen-kuva-ja-oikea-teksti .element-wrapper {
      width: 100%;
      float: left;
      padding-left: 70px;
      padding-right: 70px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .element-sub-wrapper {
      width: 100%;
      float: left;
      display: flex;
      border-bottom: 2px solid #000;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .element-sub-wrapper {
      width: 100%;
      float: left;
      display: flex;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto {
      flex-basis: 100%;
      margin-top: 10px;
      padding: 40px 80px 60px 0px;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto {
      flex-basis: 100%;
      margin-top: 10px;
      padding: 40px 0px 60px 80px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-kuva {
      padding: 40px 0px 60px 0px;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-kuva {
      padding: 40px 0px 60px 0px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-kuva img{
      float: right;
      width: 620px;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-kuva img{
      float: left;
      width: 620px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva {
/*      padding: 80px;*/
/*      max-width: 1320px;
      margin: 0 auto;
      display: flex;
      border-bottom: 2px solid #000;*/
}

.paragraph--type--vasen-kuva-ja-oikea-teksti {
      /*padding: 80px;*/
      /*width: 100%;*/
/*      max-width: 1320px;
      margin: 0 auto;
      display: flex;
      padding-top: 60px;
      padding-bottom: 60px;*/
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto p.isompi,
.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto p.isompi {
      margin-top: 20px;
      margin-bottom: 60px;
      line-height: 50px;
}

.field--name-field-text-img-sisalto h2 {
      font-weight: 400;
      max-width: 500px;
      margin-bottom: 30px;
}

/*.field--name-field-text-img-kuva {
      flex-basis: 100%;
}*/

/* Vasen teksti, keskellä kuva ja oikea teksti */

.paragraph--type--vasen-teksti-kuva-oikea-teksti {
      width: 100%;
      padding: 80px;
      display: flex;
      flex-wrap: wrap;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-pg-to-v-sisalto {
      flex: 2 1 0;
      padding-right: 50px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-pg-to-o-sisalto {
      flex: 1 1 0; 
      padding-left: 50px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-text-img-kuva {
      flex: 1 1 0;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-media-image {
      margin-top: -10px !important;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-text-img-kuva img {
      float: right;
}

/* Vasen teksti ja oikea teksti otsikolla */

.node-5 .paragraph--type--vasen-teksti-ja-oikea-teksti {
/*      background-image: url("../images/jaseneksi_back.png");
      min-height: 770px;
      box-shadow: inset 0 0 0 800px rgba(0,0,0,.25);
      width: 100%;
      padding: 80px;
      color: #FFF;
      display: flex;
      flex-wrap: wrap;*/
      width: 100%;
}

.node-2 .paragraph--type--vasen-teksti-ja-oikea-teksti {
      width: 100%;
/*      max-height: 800px;*/
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-taustakuva {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      overflow: hidden;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-taustakuva {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      overflow: hidden;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-taustakuva  .field--name-field-media-image img {
      display: inline;
      max-width: none;
      position: relative;
      left: 100%;
      margin-left: -200%;
}


.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-taustakuva .field--name-field-media-image {
      margin-top: 0px !important;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .sisaltoosio {
      position: absolute;
      max-width: 1480px;;
      height: 800px;
      display: flex;
      flex-wrap: wrap;
      padding: 80px;
      margin-top: 20px;
      box-shadow: inset 0 0 0 800px rgba(0,0,0,.25);
      backdrop-filter: blur(5px);
}


.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-h2-otsikko {
      width: 100%;
      margin-bottom: 80px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-h2-otsikko h2 {
      color: #FFF;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-v-sisalto {
      flex: 1;
      padding-right: 50px;
      color: #FFF;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-o-sisalto {
      flex: 1;
      padding-left: 50px;
      color: #FFF;
}

/* Vasen teksti ja oikea teksti otsikolla ja taustakuvalla */

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau {
/*      background-image: url("../images/saannot_back.png");
      min-height: 400px;
      box-shadow: inset 0 0 0 400px rgba(0,0,0,.25);
      width: 100%;
      padding: 80px;
      display: flex;
      flex-wrap: wrap;*/
      width: 100%;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-taustakuva {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      overflow: hidden;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-taustakuva .field--name-field-media-image {
      margin-top: 0px !important;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-taustakuva .field--name-field-media-image img {
      display: inline;
      max-width: none;
      position: relative;
      left: 100%;
      margin-left: -200%;
}

/*.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-taustakuva .field--name-field-media-image img {
    display: unset;
    position: relative;
    left: 100%;
    margin-left: -200%;
    max-height: 400px;
}*/

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .sisaltoosio {
      position: absolute;
      width: 100%;
      height: 400px;
      display: flex;
      flex-wrap: wrap;
      padding: 80px;
      margin-top: 20px;
      box-shadow: inset 0 0 0 400px rgba(0,0,0,.25);
      backdrop-filter: blur(5px);
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-h2-otsikko {
      width: 100%;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-h2-otsikko h2{
      color: #FFF !important;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-v-sisalto p,
.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-v-sisalto a,
.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-v-sisalto a.painike a {
      color: #FFF;
      border-color: #FFF;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-v-sisalto {
      flex: 1;
      padding-right: 50px;
      color: #FFF;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-o-sisalto {
      flex: 1;
      padding-left: 50px;
      color: #FFF;
}


/* Vasen teksti ja oikea haitariosio */

.paragraph--type--vasen-teksti-ja-oikea-haitariosi {
/*      width: 100%;*/
      max-width: 1320px;
      margin: 0 auto;
      border-top: 2px solid #000;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
}


.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-pg-to-h2-otsikko {
      width: 100%;
      margin-top: 60px;
      margin-bottom: 40px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-pg-to-v-sisalto {
      flex: 1;
      margin-top: 20px;
      padding-right: 50px;
      padding-bottom: 80px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitariosiot {
      flex: 1;
      padding-left: 50px;
      padding-bottom: 80px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko {
      padding-top: 0px;
      padding-bottom: 10px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko p {
      padding-top: 0px;
      margin-left: 25px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko:before {
      content:  url("../images/arrow_right.png");
      float: left;
      margin-right: 20px;
      margin-top: 10px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko.ui-accordion-header-active:before {
      content:  url("../images/arrow_down.png");;
      float: left;
      margin-right: 20px;
      margin-top: 10px;
}

/* Haitarit */

.field-group-accordion-wrapper {
      width: 100%;
      float: left;
      margin-bottom: 20px;
      font-family: "DM Sans", sans-serif;
}

.ui-accordion .ui-accordion-header {
      border-bottom: 2px solid #000;
      padding-left: 0px;
}

.ui-accordion .ui-state-active {
      border-bottom: 0px solid #000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
      border: 0;
      background: #FFF;
      color: #000;
}

.ui-widget-content {
      border: 0px;
      border-bottom: 2px solid #000;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
      border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
      border-bottom-right-radius: 0px;
}

.ui-icon, .ui-widget-content .ui-icon {
      margin-right: 10px;
      display: none;
}

/* Kuvagalleria, hallitus */

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko {
      width: 100%;
      padding: 80px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-pg-to-h2-otsikko {
      width: 100%;
      margin-bottom: 40px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-pg-to-sisalto {
      width: 100%;
      float: left;
      margin-top: 20px;
      margin-bottom: 30px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-galleria-kuva-teksti {
      width: 100%;
      display: flex;
/*      flex-wrap: wrap;*/
      justify-content: space-between;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-galleria-kuva-teksti .field--item:nth-child(1) {
      /* flex: 1 0 15%;*/
/*      width: 15%;*/
/*      flex: 1 0 15%;*/
/*      flex: 1;*/
/*      margin-right: 40px;*/
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .galleria_sisalto .field--item {
      width: 18%;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-galleria-kuva-teksti .field--item:nth-child(5n+5) {
      margin-right: 0px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-galleria-kuva-teksti .field--item .field--item {
      width: 100% !important;
      flex: unset;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-galleria-kuva-teksti .field--item .field--item img {
      margin-bottom: 30px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-galleria-kuva-teksti .field--item .field--item .field--item{
      width: 100% !important;
      flex: unset;
      border: 0px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .galleria_sisalto .field--name-field-pg-to-sisalto p {
}

/* Lohkot */

/* Maataloustieteen päivät tulossa */

#block-smts-maataloustieteenpaivattulossa {
        padding: 156px 80px;
        max-height: 598px;
        height: 598px;
        background-image: url("../images/mtp_tulossa_back.png");
        box-shadow: inset 0 0 0 800px rgba(48, 34, 14, .3);
}

.field--name-field-mtp-tulossa-sisalto {
        float: left;
        width: 50%;
}

.field--name-field-mtp-tulossa-sisalto p {
        font-size: 64px;
        font-family: "Inter", sans-serif;
        color: #FFF;
        line-height: 74px;
}

.field--name-field-mtp-tulossa-kuvake {
        float: left;
        width: 50%;
}

.field--name-field-mtp-tulossa-kuvake img{
        float: right;
        max-width: 250px;
        max-height: 240px;
}

/* Linkkiosio */

#block-smts-sivustonlinkit {
        padding: 166px 80px;
        max-height: 400px;
        height: 400px;
        background-image: url("../images/linkit_back.png");
        box-shadow: inset 0 0 0 800px rgba(48, 34, 14, .3);
}

.field--name-field-po-tausta-sisalto {
        display: flex;
        justify-content: space-between;
}

.field--name-field-po-tausta-sisalto p {
        border-right: 2px solid white;
        width: 100%;
        text-align: center;
}

.field--name-field-po-tausta-sisalto p:nth-child(4) {
        border-right: 0px solid white;
}

.field--name-field-po-tausta-sisalto a {
        font-size: 40px;
        color: #FFF;
        text-decoration: none;
}

/* Etusivun kuvalinkit */

#block-smts-etusivunkuvalinkit {
        padding: 0px 80px 89px 80px;
        max-height: 600px;
        height: 600px;
}

.field--name-field-kl-sisalto {
        display: flex;
        justify-content: space-between;
        border-top: 2px solid black;
        padding-top: 89px;
}

.field--name-field-kl-sisalto .field--item {
        max-width: 25%;
        margin-right: 20px;
}

.field--name-field-kl-sisalto .field--item:nth-child(4) {
        margin-right: 0px;
}

.field--name-field-kl-sisalto a {
        color: #FFF;
        text-decoration: none;
}

.field--name-field-kl-sisalto .kuvalinkit-osio {
        position: relative;
        text-align: center;
        color: white;
        font-size: 40px;
}

.field--name-field-kl-sisalto .kuvalinkit-osio img {
/*        max-height: 422px;*/
/*        max-width: 100%;*/
          width: 289px;
          max-width: 100%;
          height: auto;
}

.field--name-field-kl-sisalto .kuvalinkit-osio-teksti {
        position: absolute;
        bottom: 0;
        left: 50%;
        font-size: 30px;
        width: 100%;
        transform: translate(-50%, -65%);
}

.field--name-field-kl-sisalto .field--item:nth-child(3) .kuvalinkit-osio-teksti {
        position: absolute;
        bottom: 0;
        left: 50%;
        font-size: 30px;
        width: 100%;
        transform: translate(-50%, -15%);
}

.field--name-field-kl-sisalto .kuvalinkit-osio-teksti a{
        width: 100%;
        display: inline-block;
}

/* Yhteydenottolomake */

#block-smts-yhteydenottolomake {
        padding: 80px 80px 89px 80px;
/*        max-height: 600px;
        height: 600px;*/
}

#block-smts-yhteydenottolomake .field--name-field-vl-sisalto {
        float: left;
        width: 50%;
        padding-right: 50px;: 
}

#block-smts-yhteydenottolomake  .field--name-field-lomake {
        float: left;
        width: 50%;
        padding-left: 50px;
}



/* Vasen ja oikea palkki */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        min-height: 0px;
        padding-left: 0px;
        padding-right: 0px;
}

.col-sm-3 .region-sidebar-first{
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.col-sm-3 .region-sidebar-second {
	margin-left: 15px;
	margin-right: 0px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 0px;
}

.col-sm-12 {
/*	padding-left: 50px;
	padding-right: 50px;*/
}

.path-frontpage .col-sm-12 {
	width: 100%;
}

.col-sm-12 {
	width: 100%;
}

.col-sm-3 {
        width: 25%;
        padding-left: 0px;
        padding-right: 0px;
}

.col-sm-9 {
        width: 72%;
	padding-left: 10px;
	padding-right: 0px;
}

.path-frontpage .col-sm-3  {
	margin-top: 20px;
}

.well {
	background: none;
	box-shadow: none;
	border: none;
	border-radius: 0px;
}

/* Alavalikko submenu*/


.region-sidebar-first nav {
	margin-bottom: 20px;
	width: 100%;
	float: left;
	padding-left: 35px;
}

.region-sidebar-first nav ul {
	width: 100%;
}

.region-sidebar-first nav li {
	width: 100%;
	margin-left: 0px;
}

.region-sidebar-first nav ul li.last a{
	margin-bottom: 10px;
}

.region-sidebar-first nav a {
	padding-left: 0px;
	padding-right: 0px;
	text-transform: none;
	font-weight: 800;
	font-size: 18px;
}

.region-sidebar-first nav a.active-trail,
.region-sidebar-first .expanded  a.active-trail {
	color: #000;
/*	font-weight: 700;
	background: #000;
	border: 2px solid #000;*/
}

.region-sidebar-first nav a:hover{
/*	color: #FFF;
	font-weight: 700; */
	background: none;
}

.region-sidebar-first .expanded .caret {
	display: none;
}

.region-sidebar-first .expanded ul {
	display: inline-block;
	position: relative;
	z-index: 0;
}

.region-sidebar-first .expanded ul.dropdown-menu {
	border: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px white;
}

.region-sidebar-first .expanded ul,
.region-sidebar-first .expanded ul li {
	border: 0px solid red;
	background: #FFF;
	box-shadow: #FFF;
}

.region-sidebar-first li.dropdown > .dropdown-menu a{
  padding: 10px;
  margin-top: -5px;
}

.region-sidebar-first li.dropdown:hover > .dropdown-menu a{
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 5px;
  backgroud: #FFF;
}

.region-sidebar-first li.dropdown:hover > .dropdown-menu li.last a{
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 15px;
  backgroud: #FFF;
}

/* Admin-valikko*/

.tabs--primary.nav-tabs {
  margin-bottom: 20px;
  margin-left: 80px;
  float: left;
}

/* Breadcrumb, leivänmurupolku*/

.region-header .breadcrumb {
	width: 100%;
	float: left;
	background: none;
	margin-left: -13px;
	color: #000;
}

.path-frontpage .breadcrumb {
	display: none;
}

.breadcrumb > li + li:before {
    color: #ccc;
    content: "» ";
    padding: 0 5px;
}

/* Sivutin pager */

.pagination > li > a {
    color: #34397B;
    border: 1px solid #34397B;
}

.pagination .active a {
    background: #34397B;
    border: 1px solid ;
}

.pagination > li > a:hover {
    background: #34397B;
    color: #FFF;
    border: 1px solid ;
}

/* Etusivun muotoilu*/


.path-frontpage .field--name-field-ps-sisalto {
	color: #000;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	padding: 40px;
	background: #eeeeee;
}


/* Näkymän otsikko */

.views-field-title a {
	text-decoration: none;
}

/* Webform, lomake*/

.webform-submission-form input.form-text,
.webform-submission-form input.form-email,
.webform-submission-form textarea.form-textarea {
        border: 2px solid black;
        border-radius: 0px;
}

.webform-submission-form .btn-primary {
        background-color: #FFF;
        color: #000;
        font-size: 24px;
        font-weight: bold;
        border: 2px solid black;
        padding: 10px 20px;
        border-radius: 0px;
        text-transform: uppercase;
}

/* Alapalkki, footer */

footer.container {
	border: 0;
	margin-top: 0px;
	padding: 0px 0px;	
	width: 100%;
}

.region-footer {
	margin: 0 auto;	
/*	max-width: 1170px;*/
        max-width: 1480px;
	padding: 0px 0px 0px 0px;
	background: #FFF;
}

.region-footer .block {
	padding: 150px 90px;
	background: #284734;
}

#block-smts-alapalkki {
        color: #FFF;
}

#block-smts-alapalkki a {
        color: #FFF;
}

#block-smts-alapalkki .field--items {
        display: flex;
}

#block-smts-alapalkki .field--items .field--item {
        flex-grow: 1;
        font-size: 20px;
}

#block-smts-alapalkki .field--items .field--item p{
        font-size: 14px;
}

#block-smts-alapalkki .field--items .field--item:nth-child(1) p{
        font-size: 18px;
}

#block-smts-alapalkki .field--items .field--item:nth-child(1),
#block-smts-alapalkki .field--items .field--item:nth-child(3) {
        padding-top: 20px;
}

#block-smts-alapalkki .field--items .field--item:nth-child(3) {
        flex-grow: 0;
        text-align: center;
        padding-left: 0px;
        float: right;
        display: flex;
}

#block-smts-alapalkki .field--items .field--item:nth-child(3) p{
        margin-right: 15px;
        text-align: center;
        text-transform: uppercase;
}

#block-smts-alapalkki .field--items .field--item:nth-child(3) p:nth-child(4){
        margin-right: 0px;
}

#block-smts-alapalkki .field--items .field--item:nth-child(2) {
        text-align: center;
}

#block-smts-alapalkki .field--items .field--item:nth-child(2) img {
        margin-top: -35px;
}

#block-smts-alapalkki  .contextual-links a {
        color: #000 !important;
}

@media (min-width: 1200px) {
    .container {
        width: 1480px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1480px) {

.paragraph--type--vasen-teksti-ja-oikea-haitariosi {
         margin: 0px 80px;
}

}

@media only screen and (max-width: 1320px) {

.navbar.container {
        max-width: 1200px;
}


#block-smts-alapalkki .field--items .field--item:nth-child(4) {
        flex-grow: 1;
        text-align: none;
        padding-top: 0px;
        padding-left: 0px;
        float: none;
        display: block;
}

#block-smts-alapalkki .field--items .field--item:nth-child(4) p{
        margin-right: 0px;
        text-align: none;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitariosiot {
        padding-left: 15px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko p.isompi {
        font-size: 30px;
}

}

@media only screen and (max-width: 1200px) {

.header-top-inner {
        max-width: 970px;
}

.main-titles {
     margin-top: 110px;
     min-height: 500px;
     border-bottom: 2px solid white;
     margin-right: 0px;
}

.navbar.container {
        max-width: 1110px;
        /*margin-left: 20px;*/
        padding-left: 20px;
        padding-right: 20px;
}

.navbar-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.region-footer {
/*        max-width: 970px;*/
}



.block-views-blockajankohtaista-etusivu-block-1 .views-row .views-col{
 	width: 49%;
}

.block-views-blockajankohtaista-arksito-block-1 .ajan-kuva,
.view-ajankohtaista-ka .ajan-kuva {
	width: 34%;
	float: left;
	margin-right: 20px;	
}

.block-views-blockajankohtaista-arksito-block-1 .ajan-teksti,
.view-ajankohtaista-ka .ajan-teksti {
	width: 55%;
	float: left;
}

.field--name-field-kl-sisalto .kuvalinkit-osio-teksti {
        font-size: 20px;
}

.field--name-field-kl-sisalto .field--item:nth-child(3) .kuvalinkit-osio-teksti {
        font-size: 20px;
}

#block-smts-etusivunkuvalinkit {
        padding: 0px 80px 89px 80px;
        max-height: 430px;
        height: 430px;
}

}

@media only screen and (max-width: 1100px) {

.main-titles {
     margin-top: 110px;
     min-height: 500px;
     border-bottom: 2px solid white;
     margin-right: 0px;
}

.nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 16px;
}

.last-nav-link {
    width: auto;
}

.last-nav-link a {
    padding: 16px 16px;
    font-size: 15px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .sisaltoosio {
    padding: 40px 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto p.isompi, .paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto p.isompi {
      margin-bottom: 20px;
}

/* Test */

.paragraph--type--pg-tekstiosio {
      padding: 40px 20px;
}

.field--name-field-ps-sisaltoalue .field--name-field-pg-to-otsikko {
      max-width: 100%;
}

.field--name-field-ps-sisaltoalue .field--name-field-pg-to-sisalto {
      float: left;
}

#block-smts-etusivunkuvalinkit {
      padding: 0px 20px 89px 20px;
}

.field--name-field-kl-sisalto {
      padding-top: 40px;
}

#block-smts-maataloustieteenpaivattulossa {
      padding: 156px 20px;
}

.block-views-blockkuvakaruselli-block-1, .block-views-blockduplicate-of-kuvakaruselli2-block-1 {
      padding: 60px 30px 50px 30px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko {
      padding: 40px 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi {
      margin: 0px 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .sisaltoosio {
      padding: 40px 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .element-wrapper,
.paragraph--type--vasen-kuva-ja-oikea-teksti .element-wrapper {
      width: 100%;
      float: left;
      padding-left: 20px;
      padding-right: 20px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti {
      padding: 80px 20px;
}

#block-smts-yhteydenottolomake {
    padding: 80px 20px 89px 20px;
}

}

@media only screen and (max-width: 1000px) {

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-galleria-kuva-teksti {
      display: inline-block;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .galleria_sisalto .field--item {
      width: 100%;
      float: left;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .galleria_sisalto .field--item .field--name-field-text-img-kuva {
      width: 30% !important;
      float: left;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .galleria_sisalto .field--item .field--name-field-pg-to-sisalto {
      width: 65% !important;
      float: left;
      margin-top: 35px;
      padding-left: 40px;
}


.container {
/*	max-width: 750px;*/
}

.header-top-inner {
        max-width: 750px;
}


.navbar.container {
/*        max-width: 750px;*/
        max-width: 950px;
}

.nav > li > a {
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 8px;
}

.last-nav-link a {
    padding: 16px 8px;
}

#block-smts-sitename {
        margin-left: 20px;
        font-size: 14pt;
}
	
.region-footer {
}

.block-views-blockohjelma-block-1 .ohjelma-kuvaosio {
        width: 100%;
        float: left;
        margin-right: 0px;
}

.block-views-blockohjelma-block-1 .ohjelma-tekstiosio {
        width: 100%;
        float: left;
}


.region-footer {
        margin: 0 auto;
        max-width: 1000px;
        padding: 0px 0px 0px 0px;
}

#block-etusivulinkkilaatikot .front-box a {
        font-size: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
}

.field--name-field-kl-sisalto .kuvalinkit-osio-teksti {
        font-size: 16px;
}

.field--name-field-kl-sisalto .field--item:nth-child(3) .kuvalinkit-osio-teksti {
        font-size: 16px;
}


}

@media only screen and (min-width: 992px) {

.container {
        width: auto;
}      

}

@media only screen and (max-width: 992px) {

.container {
        width: 100%;
}      

#block-smts-maataloustieteenpaivattulossa {
        margin-top: 89px;
        max-height: 398px;
        height: 398px;
        padding-top: 96px;
}

#block-smts-maataloustieteenpaivattulossa .field--name-field-mtp-tulossa-sisalto p {
        font-size: 40px !important;
        line-height: 50px;
}

#block-smts-maataloustieteenpaivattulossa  .field--name-field-mtp-tulossa-kuvake {
        display: flex;
        justify-content: center;
}

#block-smts-maataloustieteenpaivattulossa  .field--name-field-mtp-tulossa-kuvake img {
        width: 50%;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-h2-otsikko h2 {
        font-size: 60px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-h2-otsikko  {
        margin-bottom: 0px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-h2-otsikko h2 {
        font-size: 70px;
        margin-bottom: 0px;
        padding-bottom: 0px !important;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-v-sisalto p {
        font-size: 32px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-o-sisalto {
        font-size: 20px;
        padding-left: 0px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-pg-to-h2-otsikko h2 {
        font-size: 70px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-pg-to-sisalto p.isompi {
        font-size: 32px;
}

p.isompi {
        font-size: 32px;
        line-height: 36px;
}

body {
        font-size: 20px;
}

}

@media only screen and (max-width: 990px) {

.region-sidebar-first ul ul{
	padding-right: 10px;
	font-size: 8pt;
}

.region-sidebar-first li.dropdown:hover li {
  padding-right: 10px;
}

.field--name-field-kl-sisalto {
        padding-top: 50px;
}

#block-smts-etusivunkuvalinkit {
/*        padding: 0px 80px 89px 80px;*/
        max-height: 280px;
        height: 280px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitariosiot {
    padding-left: 0px;
    padding-bottom: 40px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitariosiot {
        flex: unset;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-pg-to-v-sisalto {
        padding-bottom: 40px;
}

}

@media only screen and (max-width: 940px) {

.node-4 .main-title h1 {
    font-size: 94px;
}

}

@media only screen and (max-width: 882px) {

.nav > li > a {
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 6px;
    font-size: 13px;
}

.last-nav-link { 
    margin-top: 39px;
}

.last-nav-link a {
    padding: 16px 4px;
    font-size: 13px;
}
	
#block-sivustonnimi {
margin-top: 50px;
font-size: 18px;
}

#block-smts-alapalkki .field--items {
        display: block;
}

#block-smts-alapalkki .field--items .field--item {
        flex-grow: none;
        font-size: 20px;
        margin-bottom: 30px;
        text-align: center;
}

#block-smts-alapalkki .field--items .field--item:nth-child(3) {
        flex-grow: none;
        width: 100%;
        text-align: left;
        padding-top: 0px;
        padding-left: 0px;
        float: left;
        display: block;
}

#block-smts-alapalkki .field--items .field--item:nth-child(2) img {
        margin-top: 0px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitariosiot {
        flex: unset;
}

	
}

@media only screen and (max-width: 792px) {
	
.region-header-top  img{
/*max-width: 140px;*/
}
	
#block-sivustonnimi {
margin-top: 30px;
font-size: 16px;
}
	
}

@media only screen and (max-width: 767px) {

.block-language {
float: left;
width: 220px;
margin-top: 105px;
}

.block-language ul{
margin-top: 0px;
}

.navbar-header {
        float: right;
        width: 50%;
        padding-right: 0px !important;
        margin-right: 0px !important;
}

.navbar-toggle {
        margin-right: 0px !important;
}

.region-logo {
        margin-top: -30px !important;
        margin-left: -60px;
}

.navbar-wrapper,
.node-2 .navbar-wrapper,
.node-3 .navbar-wrapper,
.node-4 .navbar-wrapper,
.node-5 .navbar-wrapper {
        min-height: 450px;
}

.main-titles {
     margin-top: 100px;
     min-height: 300px;
}

.main-title h1 {
    font-size: 80px !important;
}

.navbar-wrapper ul {
	max-width: 91%;
	float: left;
}
	
.navbar-wrapper li {
	/*margin-left: 30px;*/
	max-width: 97%;
}

.navbar-wrapper a{
	background: none;
	z-index: 101;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-left: 0px;
}

#navbar-collapse.in {
        margin-bottom: -70px;
}

.navbar-collapse {
        padding-bottom: 60px;
        background: rgba(0, 0, 0, .5);
        border-top: 0px;
        overflow: hidden;
}

#navbar-collapse ul.menu--main {
        display: inline;
}

#navbar-collapse ul li {
	color: #FFF;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.last-nav-link {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 10px;
        margin-left: -15px;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: none;
}

.region-sidebar-first ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: inline-block;
  z-index: 100;
}

ul.nav li.dropdown .caret {
  display: none;
}

.region-sidebar-first .expanded li {
	font-size: 12pt;
	width: 100%;
	float: left;
}

.region-sidebar-first  li.last {
	font-size: 12pt;
	width: 100%;
	float: left;
}
.region-sidebar-first ul ul{
	padding-right: 0px;
	font-size: 8pt;
}

.region-sidebar-first li.dropdown:hover li {
  padding-right: 0px;
}

.region-sidebar-first nav {
        padding-left: 20px;
}

.breadcrumb {
        margin-left: 0px !important;
        padding-left: 0px;
}

.col-sm-3 {
        width: 100%;
}

.col-sm-9 {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
}

.col-sm-12 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
}

.region-content {
        margin-left: 0px !important;
}

.block-views-blockajankohtaista-etusivu-block-1 .views-row {
        display: inline;
}

.region-header-top .logo{
        max-width: 130px;
        margin-left: 40px;
}

.region-header-top  img{
        width: 130px !important;
}

#block-smts-sitename {
        float: left;
        margin-left: 30px;
        margin-top: 60px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .element-sub-wrapper {
      width: 100%;
      float: left;
      display: inline-block;
      border-bottom: 2px solid #000;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .element-sub-wrapper {
      width: 100%;
      float: left;
      display: inline-block;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva,
.paragraph--type--vasen-kuva-ja-oikea-teksti {
      display: inline-block;
      padding: 0px 0px 0px 0px;
/*      margin-left: 20px;
      margin-right: 20px;*/
}

.paragraph--type--pg-tekstiosio {
      padding: 40px 20px;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti {
      padding: 0px 0px;
      display: inline-block;
      padding-top: 10px;
      padding-bottom: 40px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto {
      flex-basis: unset;
      margin-top: 10px;
      padding: 20px 0px 0px 0px;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto {
      flex-basis: unset;
      margin-top: 10px;
      padding: 0px 0px 0px 0px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto p.isompi, .paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto p.isompi {
      margin-bottom: 0px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto a.painike,
.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto a.painike {
      margin-top: 10px;
}

.field--name-field-text-img-sisalto h2 {
      font-weight: 400;
      max-width: 500px;
      margin-bottom: 30px;
}

/*.field--name-field-text-img-kuva {
      flex-basis: 100%;
}*/

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-kuva {
      padding: 0px 0px 40px 0px;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-kuva {
      padding: 0px 0px 0px 0px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-kuva img{
      float: left;
      width: 100%;
}

.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-kuva img{
      float: left;
      width: 100%;
}

#block-smts-etusivunkuvalinkit {
        padding: 0px 20px 29px 20px;
        max-height: 840px;
        height: auto;
}

.field--name-field-kl-sisalto {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-top: 2px solid black;
        padding-top: 49px;
}

.field--name-field-kl-sisalto .field--item {
        flex-basis: 48%;
        max-width: 48%;
        margin-right: 0px;
        margin-bottom: 20px;
}

.field--name-field-kl-sisalto .kuvalinkit-osio-teksti {
        font-size: 30px;
}

.field--name-field-kl-sisalto .field--item:nth-child(3) .kuvalinkit-osio-teksti {
        font-size: 30px;
}

.block-views-blockkuvakaruselli-block-1,
.block-views-blockduplicate-of-kuvakaruselli2-block-1 {
    padding: 40px 40px 50px 40px;
}

.field--name-field-ps-sisaltoalue .field--name-field-pg-to-otsikko {
    font-size: 28px;
}

body {
        font-size: 18px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko {
        padding-left: 20px;
        padding-right: 20px;
}

#block-smts-maataloustieteenpaivattulossa {
        padding-left: 20px;
        padding-right: 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi {
        margin: 0px 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitariosiot {
        flex: unset;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-pg-to-h2-otsikko h2 {
        font-size: 40px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko  {
        word-break: break-all;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko p.isompi {
        font-size: 28px;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-haitarin-otsikko p {
        font-size: 18px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .sisaltoosio {
        padding: 80px 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti-tau .field--name-field-pg-to-h2-otsikko h2 {
        font-size: 40px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .sisaltoosio {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-h2-otsikko h2 {
        font-size: 40px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-v-sisalto {
        margin-top: 30px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-v-sisalto p {
        font-size: 28px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-o-sisalto {
        margin-top: 30px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-o-sisalto p {
        font-size: 18px;
}


.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-pg-to-h2-otsikko h2 {
        font-size: 40px;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .field--name-field-pg-to-sisalto p.isompi {
        font-size: 28px;
}

.region-footer .block {
        padding: 50px 20px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti {
        display: block;
        float: left;
        padding: 50px 20px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-text-img-kuva {
        float: left;
        width: 40%;
        margin-top: 40px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-text-img-kuva img {
        float: left;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-pg-to-o-sisalto {
        float: left;
        width: 50%;
        margin-top: 50px;
        padding-left: 20px;
}

#block-smts-yhteydenottolomake {
        padding: 50px 20px;  
}

#block-smts-yhteydenottolomake .field--name-field-vl-sisalto {
    width: 100%;
    padding-right: 0px;
}

#block-smts-yhteydenottolomake .field--name-field-lomake {
        width: 100%;
        padding-left: 0px;
        margin-top: 40px;
}

p.isompi {
         font-size: 28px;
}

}

@media only screen and (max-width: 730px) {

/*#block-smts-sitename {
        font-size: 12pt;
        float: left;
        margin-left: 50px;
        margin-top: 20px;
}*/

}

@media only screen and (max-width: 713px) {

.block-language ul{
margin-right: 20px;
float: right;
}

}

@media only screen and (max-width: 620px) {

.block-views-blockajankohtaista-etusivu-block-1 {
	width:  100%;
}

.view-ajankohtaista-etusivu .views-row {
	margin-right: 0px;
}

.view-ajankohtaista-etusivu .views-row .views-col{
	width: 100%;
}

.view-ajankohtaista-etusivu .views-row .col-1{
	margin-right: 0px;
}

.main-titles .main-title {
        width: 100%;
        float: left;
}

#block-smts-etusivunkuvalinkit {
        max-height: 750px;
}

#block-etusivulinkkilaatikot .front-box a {
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
}

#block-etusivulinkkilaatikot .front-box {
        margin-right: 0px;
        margin-left: 0px;
}

#block-smts-sitename {
        float: left;
        margin-left: 50px;
        margin-top: 10px;
}

.region-footer .block .footer-col1,
.region-footer .block .footer-col2 {
        float: left;
        width: 100%;
        margin-right: 0px;

}

.region-footer .block .footer-col2 {
        margin-top: 20px;
}

#block-smts-maataloustieteenpaivattulossa {
        margin-top: 89px;
        max-height: 298px;
        height: 298px;
        padding-top: 76px;
}

#block-smts-maataloustieteenpaivattulossa .field--name-field-mtp-tulossa-sisalto p {
        font-size: 22px !important;
/*        word-break: break-all;*/
        hyphens: auto;
        line-height: 30px;
}

#block-smts-maataloustieteenpaivattulossa  .field--name-field-mtp-tulossa-kuvake {
        display: flex;
        justify-content: center;
        padding-top: 15px;
}

#block-smts-maataloustieteenpaivattulossa  .field--name-field-mtp-tulossa-kuvake img {
        width: 35%;
}

.main-title h1 {
        font-size: 66px !important;
        float: left;
}

.main-subtitle p {
    font-size: 32px;
    margin-top: 20px;
}

.field--name-field-ps-sisaltoalue .field--name-field-pg-to-otsikko,
.field--name-field-ps-sisaltoalue .field--name-field-pg-to-sisalto {
/*    word-break: break-all;*/
      hyphens: auto;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti p {
        hyphens: auto;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .galleria_sisalto .field--item .field--name-field-text-img-kuva {
      width: 100% !important;
      float: left;
}

.paragraph--type--kuvagalleria-tekstilla-ja-otsiko .galleria_sisalto .field--item .field--name-field-pg-to-sisalto {
      width: 100% !important;
      float: left;
      margin-top: 0px;
      padding-left: 0px;
}


}

@media only screen and (max-width: 550px) {

.field--name-field-kl-sisalto .kuvalinkit-osio-teksti {
        font-size: 20px;
}

.field--name-field-kl-sisalto .field--item:nth-child(3) .kuvalinkit-osio-teksti {
        font-size: 20px;
}

#block-smts-etusivunkuvalinkit {
        max-height: 650px;
}

.main-title h1 {
        font-size: 66px !important;
        float: left;
}

.node-4 .main-title h1 {
        font-size: 54px !important;
        float: left;
}

.main-subtitle p {
    font-size: 28px;
}

}

@media only screen and (max-width: 500px) {

.navbar-header {
width: 30%;
}

#navbar-collapse ul li {
}
	
.region-header-top  img{
/*max-width: 100px;
margin-left: 20px;*/
}

#block-sivustonnimi {
/*float: left; 
width: 100%;*/
margin-top: 20px;
font-size: 14px;
}

.page-header {
        font-size: 18pt;
        word-wrap: break-word;
}

.main-container .row {
        margin-right: 0px;
}

.main-container {
        padding-left: 0px;
        padding-right: 0px;
}

.col-sm-12 {
        width: 100%;
/*        padding-left: 30px;
        padding-right: 15px;*/
}


.path-frontpage .page-header {
        text-align: left;
        font-size: 18pt;
}

.path-frontpage .field--name-field-ps-sisalto {
        font-weight: 700;
        text-align: left;
}

.region-footer {
        margin: 0 auto;
        max-width: 1050px;
        padding: 0px 0px;;
        background: #FFF;
}

#block-etusivulinkkilaatikot .front-box a {
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
}

#block-etusivulinkkilaatikot .front-box {
        margin-right: 0px;
        margin-left: 0px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-v-sisalto {
        margin-top: 30px;
        hyphens: auto;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-v-sisalto p {
        font-size: 22px;
        line-height: 24px;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-o-sisalto {
        margin-top: 30px;
        hyphens: auto;
}

.paragraph--type--vasen-teksti-ja-oikea-teksti .field--name-field-pg-to-o-sisalto p {
        font-size: 18px;
        line-height: 20px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto p.isompi,
.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto p.isompi {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px;
}

.paragraph--type--vasen-teksti-ja-oikea-kuva .field--name-field-text-img-sisalto p,
.paragraph--type--vasen-kuva-ja-oikea-teksti .field--name-field-text-img-sisalto p {
        font-size: 18px;
        line-height: 20px;
        hyphens: auto;
}

.paragraph--type--vasen-teksti-ja-oikea-haitariosi .field--name-field-pg-to-v-sisalto {
        hyphens: auto;
}

#block-smts-yhteydenottolomake .field--name-field-vl-sisalto {
        hyphens: auto;    
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti {
        display: block;
        float: left;
        padding: 50px 20px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-text-img-kuva {
        float: left;
        width: 100%;
        margin-top: 20px;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-text-img-kuva img {
        float: left;
}

.paragraph--type--vasen-teksti-kuva-oikea-teksti .field--name-field-pg-to-o-sisalto {
        float: left;
        width: 100%;
        margin-top: 20px;
        padding-left: 0px;
}

@media only screen and (max-width: 450px) {

.main-title h1 {
        font-size: 58px !important;
        word-break: break-all;
}

.node-4 .main-title h1 {
        font-size: 44px !important;
        word-break: break-all;
}

.main-subtitle p {
    font-size: 28px;
    word-break: break-all;
}

#block-smts-etusivunkuvalinkit {
        max-height: 550px;
}

}

@media only screen and (max-width: 400px) {

.navbar-wrapper li {
        max-width: 100%;
}

#navbar-collapse ul  {
        max-width: 100%;
}

#navbar-collapse ul li {
        text-align: left;
}

#block-smts-etusivunkuvalinkit {
        max-height: 480px;
}

.navbar-collapse {
        padding-bottom: 20px;
}

.last-nav-link {
        display: none;
}

}