.image-gallery-text {

    max-width: 1160px;

    padding: 0 15px;

    margin: 0 auto;

    width: 90%;

}

.blue-layer-down {

    background: rgba(255, 255, 255, 0);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(19, 57, 94, 0.72) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(19, 57, 94, 0.72)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(19, 57, 94, 0.72) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(19, 57, 94, 0.72) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(19, 57, 94, 0.72) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(19, 57, 94, 0.72) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#13395e', GradientType=0);

    position: absolute;

    bottom: 0;

    top: 50%;

    left: 0;

    right: 0;

    z-index: 1;

}

.menu-module {
    padding: 3rem 0 4rem;
}

/*.module-container:after,

.module-container:before {

    content: " ";

    display: table;

}

.module-container:after {

    clear: both;

}*/

.blue-layer {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: #13395e;

    opacity: .7;

    z-index: 1;

}

.ravintola-nosto .blue-layer {

    opacity: 1;

    background: rgba(230, 240, 242, 0.8);

    background: -moz-radial-gradient(center, ellipse cover, rgba(230, 240, 242, 0.8) 29%, rgba(214, 232, 236, 0.8) 45%, rgba(160, 205, 217, 0.8) 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(29%, rgba(230, 240, 242, 0.8)), color-stop(45%, rgba(214, 232, 236, 0.8)), color-stop(100%, rgba(160, 205, 217, 0.8)));

    background: -webkit-radial-gradient(center, ellipse cover, rgba(230, 240, 242, 0.8) 29%, rgba(214, 232, 236, 0.8) 45%, rgba(160, 205, 217, 0.8) 100%);

    background: -o-radial-gradient(center, ellipse cover, rgba(230, 240, 242, 0.8) 29%, rgba(214, 232, 236, 0.8) 45%, rgba(160, 205, 217, 0.8) 100%);

    background: -ms-radial-gradient(center, ellipse cover, rgba(230, 240, 242, 0.8) 29%, rgba(214, 232, 236, 0.8) 45%, rgba(160, 205, 217, 0.8) 100%);

    background: radial-gradient(ellipse at center, rgba(230, 240, 242, 0.8) 29%, rgba(214, 232, 236, 0.8) 45%, rgba(160, 205, 217, 0.8) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f0f2', endColorstr='#a0cdd9', GradientType=1);

}

.table-module {

    background-color: #13395e;

}

.table-container {

    max-width: 1160px;

    margin: 0 auto;

    color: #fff;

    padding: 60px 0 15px;

}

.table-container a {

    color: #fff;

}

.text-layer {

    z-index: 2;

    max-width: 700px;

    text-align: center;

    color: #fff;

    padding: 0 15px;

    margin: 0 auto;

    position: relative;

}

.ravintola-nosto .text-layer {

    color: #000;

}

.ravintola-nosto h3 {

    color: #2c4661;
    font-size: 2.5rem;
    font-weight: 400;

}

.intro-section .lead {

    text-align: center;

}

.white-bg {

    background-color: #fff;

    overflow: hidden;

}

.pic-or-test-image-2 {

    height: 54vw;

    max-height: 704px;

    background-size: cover;

    background-position: center;

    padding: 0;

}

.pic-or-test-image-2 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.home .nosto-module-bg {

    position: relative;

    padding-top: 50px;

    padding-bottom: 40px;

    background-size: cover;

    background-position: center 80%;

    margin-bottom: 30px;

}

.home .module-container.ravintola-nosto {
    margin-bottom: 15px;
}

.module-container.ravintola-nosto {
    margin-bottom: 1.5rem;
}

.nosto-module-bg {

    position: relative;

    padding-top: 50px;

    padding-bottom: 40px;

    background-size: cover;

    background-position: center 80%;

    /*margin-bottom: 30px;*/

}

.nosto-module-bg .cta-button {

    margin-bottom: 0;

    margin-top: 1.5rem;

}

.nosto-module-bg h3 {

    margin-top: 0;

}

.nosto-module-bg.left .text-layer {

    width: 50%;

    max-width: 100%;

    margin-left: 0;

}

.nosto-module-bg.right .text-layer {

    width: 50%;

    margin-right: 0;

    max-width: auto;

}

.nosto-module-bg.left .blue-layer {

    width: 50%;

    right: auto;

}

.nosto-module-bg.right .blue-layer {

    width: 50%;

    left: auto;

}

.nosto-close {

    position: absolute;

    z-index: 3;

    color: #fff;

    right: 0px;

    top: 0px;

    padding: 10px 15px;

}

.nosto-module-bg.left .nosto-close {

    background-color: rgba(19, 57, 94, .5);

}

.pic-or-test-image {

    background-size: cover;

    background-position: center;

    height: 60vw;

}

.pic-or-test-module-content {

    padding: 2rem 15px 3rem;

    background-color: #13395e;

}

.pic-or-test-text {

    max-width: 774px;

    padding: 0 15px;

    color: #fff;

    margin: 0 auto;

    text-align: center;

}

/*.image-gallery-image {

    height: 55vw;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    background-color: #F2F8F8;

}*/

.image-gallery-image2 {}

.image-gallery-image2 img {

    height: 55vw;

    margin: 0 auto;

}

.slick-active .image-gallery-image {

    background-color: transparent;

}

.image-gallery-item {

    padding: 17px;

}

.image-gallery-content {

    margin-top: 20px;
    text-align: center;

}

.intro-section {

    background-color: #e6f0f2;

    padding: 5rem 15px;

    margin-bottom: 1.5rem;

}

.intro-section-text {

    max-width: 774px;

    padding: 0 15px;

    margin: 0 auto;

}

.kokosivunkuva-module-content {
    max-width: 774px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    padding: 0 30px;
    margin-left: auto;
    margin-right: auto;
}

.sisaltolinkki-container {

    margin-bottom: 20px;

    max-height: 615px !important;

    overflow: hidden;

}

.ravintola-nosto {

    display: block !important;

}

.page-template-page-basic-content .sisaltolinkki-container,

.page-template-page-restaurant .sisaltolinkki-container {

    margin-bottom: 0px;

}

.kokosivunkuva-module {

    height: 100vh;

    margin-bottom: 0 !important;

    background-size: cover;

    background-position: center;

}

.one-to-one-image {

    height: 46vw;

    background-size: cover;

    max-height: 565px;

    position: relative;

}

.one-to-one-image img {
    width: 100%;
}

.one-to-one-text {

    position: absolute;

    bottom: 0;

    left: 30px;

    z-index: 2;

}

.padding-right-zero .one-to-one-text {

    left: 45px;

}

.sisaltolinkki-kuva {

    height: 48vw;

    background-size: cover;

    background-position: center;

    max-height: 615px !important;

    padding: 0;

}

.sisaltolinkki-kuva img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sisaltolinkki-default .sisaltolinkki-kuva {

    height: 47vw;

    max-height: 565px !important;

}

.sisaltolinkki-default {

    max-height: 565px !important;

    overflow: hidden;

}

.pic-or-test-text a {

    color: #fff;

}

.table-content {

    margin-bottom: 25px;

}

.intro-p {

    margin-bottom: 0;

    text-align: center;

    text-transform: uppercase;

    font-weight: 700;

}

.intro-yellow {

    color: #F4C000;

}

.intro-blue {

    color: #5195A6;

}

.intro-grey {

    color: #CCCCCC;

}

.intro-section-info {

    margin-top: 5px;

}

tr {

    border-bottom: 1px solid #5195ac;

}

tr:last-child {

    border-bottom: 0px solid #fff;

}

td {

    padding: 10px 7.5px;

}

th {

    padding: 0 7.5px;

}

/* Hero carousel css */

.module-container {

    margin-bottom: 15px;

    position: relative;

}

.table-module {

    margin-bottom: 0;

    padding-bottom: 30px;

}

.juhlat .table-module,
.events .table-module {

    margin-top: 20px;

}

.table-button {

    text-align: center;

}

.picture-module {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.entry-content {

    margin-bottom: 15px;

}

.hero-item {
    position: relative;
    height: 100vh;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.hero-item .container-fluid {

    height: 100vh;

}

.hero-video .container-fluid {
    height: 100vh;
}

.a-hero__video {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 30%;
}

.parallax-window {

    min-height: 50vh;

}

.parallax-slider .hero-item {

    height: 100%;

}

.slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 11px;

    margin: 0;

    padding: 0;

    cursor: pointer;

}

.slick-dots {

    position: absolute;

    top: -10px;

    display: block;

    width: 100%;

    padding: 0;

    list-style: none;

    text-align: center;

    margin: 0;

    z-index: 9;

}

.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}

.slick-dots li button::before {

    font-family: 'FontAwesome';

    font-size: 11.5px;

    line-height: 11px;

    position: absolute;

    top: 0px;

    left: 3px;

    width: 11.5px;

    height: 11.5px;

    content: '\f111';

    text-align: center;

    opacity: 1;

    -webkit-font-smoothing: antialiased;

    border: 1px solid #9fced8;

    border-radius: 50%;

}

.slick-dots button {

    border: 0px solid;

    border-radius: 0px;

    background: transparent;

    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0), inset 0 0px 0px rgba(255, 255, 255, 0), inset 0 0px 0px rgba(0, 0, 0, 0);

    color: rgba(0, 0, 0, 0);

    text-shadow: 0 0px 0 rgba(255, 255, 255, 0);

}

.hero-text {

    max-width: 450px;

    position: relative;

    padding: 0 15px;

    top: 50%;

    transform: translateY(-50%);

}

.image-gallery-item:focus,

.image-gallery-image2:focus,

.image-gallery-image2 img:focus,

.image-gallery-content:focus,

.testimonial-item:focus {

    outline: -webkit-focus-ring-color auto 0px !important;

}

.image-gallery-next-button {

    position: absolute;

    right: 25px;

    top: 16px;

    bottom: 0;

    width: 30px;

    height: 55vw;

}

.image-gallery-prev-button {

    position: absolute;

    left: 25px;

    top: 16px;

    bottom: 0;

    width: 30px;

    height: 55vw;

}

.desktop-hide,

.mobile-show {

    display: none;

}

table .cta-button {

    margin-bottom: 0rem;

}

.image-gallery-next-button:hover,

.image-gallery-prev-button:hover,

.testimonial-next-button:hover,

.testimonial-prev-button:hover,

.nosto-close:hover {

    cursor: pointer;

}

.image-gallery-arrow-next {

    text-align: center;

    color: #9fced8;

    font-size: 2rem;

    top: 50%;

    left: 0;

    position: absolute;

    right: 0;

    transform: translate(0, -50%);

}

.image-gallery-arrow-prev {

    text-align: center;

    color: #9fced8;

    font-size: 2rem;

    top: 50%;

    left: 0;

    position: absolute;

    right: 0;

    transform: translate(0, -50%);

}

.testimonial-container,
.testimonial-container-ravintola {

    margin: 0 auto;

    max-width: 1160px;

    position: relative;

    padding: 0 15px;

}

.testimonial-container-ravintola {

    margin: 0 auto 20px auto;

}


.frontpage-testimonial .testimonial-container {

    padding: 0 0px;

}

.testimonial-carousel {

    background-color: #f2f8f8;

}

.testimonial-item {

    text-align: center;

    padding: 60px 80px 20px;

}

.testimonial-carousel .slick-dots {

    top: 22px;

}

.testimonial-next-button {

    position: absolute;

    right: 17px;

    top: 0;

    bottom: 0;

    width: 60px;

}

.testimonial-prev-button {

    position: absolute;

    left: 17px;

    top: 0;

    bottom: 0;

    width: 60px;

}

.testimonial-arrow-next {

    text-align: center;

    color: #9fced8;

    font-size: 2rem;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    position: absolute;

    right: 0;

}

.testimonial-arrow-prev {

    text-align: center;

    color: #9fced8;

    font-size: 2rem;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    position: absolute;

    right: 0;

}

.frontpage-intro {

    padding: 4rem 0;

}

.sisaltolinkki-container .testimonial-prev-button,

.sisaltolinkki-container .testimonial-next-button,

.frontpage-testimonial .testimonial-prev-button,

.frontpage-testimonial .testimonial-next-button {

    display: none;

}

.sisaltolinkki-container .testimonial-item,

.frontpage-testimonial .testimonial-item {

    padding: 54px 15px 20px;

}

.one-to-one-text h2,
.one-to-one-text h3 {

    color: #fff;
    font-size: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    text-transform: none;

}

.light-blue-section {

    background-color: #e6f0f2;

    padding-top: 30px;

}

.sisaltolinkki-teksti-cont {

    max-width: 100%;

}

.sisaltolinkki-teksti {

    padding: 0 4%;

    max-height: 615px !important;

}

.sisaltolinkki-teksti-def {

    padding: 0 7%;

    justify-content: center;

    align-items: center;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

}

.pic-or-test-text-2 {
    padding: 0 7%;
}

/*.pic-or-test-text-2 {
    align-items: left !important;
}
*/
.sisaltolinkki-teksti {
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.kokosivunkuva-module .container-fluid {
    height: 100vh;
    max-width: 774px;
}

.pic-or-test-text-2,
.testimonial-item .testimonial-quote,
.intro-section .col-sm-6.match-height {
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.hero-background-shadow {

    background: rgba(19, 57, 94, 0.6);

    background: -moz-radial-gradient(center, ellipse cover, rgba(19, 57, 94, 0.6) 0%, rgba(213, 220, 226, 0) 69%, rgba(255, 255, 255, 0) 84%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(19, 57, 94, 0.6)), color-stop(69%, rgba(213, 220, 226, 0)), color-stop(84%, rgba(255, 255, 255, 0)));

    background: -webkit-radial-gradient(center, ellipse cover, rgba(19, 57, 94, 0.6) 0%, rgba(213, 220, 226, 0) 69%, rgba(255, 255, 255, 0) 84%);

    background: -o-radial-gradient(center, ellipse cover, rgba(19, 57, 94, 0.6) 0%, rgba(213, 220, 226, 0) 69%, rgba(255, 255, 255, 0) 84%);

    background: -ms-radial-gradient(center, ellipse cover, rgba(19, 57, 94, 0.6) 0%, rgba(213, 220, 226, 0) 69%, rgba(255, 255, 255, 0) 84%);

    background: radial-gradient(ellipse at center, rgba(19, 57, 94, 0.6) 0%, rgba(213, 220, 226, 0) 69%, rgba(255, 255, 255, 0) 84%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13395e', endColorstr='#ffffff', GradientType=1);

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 50%;

}

.hero-text .cta-button {

    margin-top: 0rem;

    margin-bottom: 0rem;

}

.video-text {

    position: relative;

    z-index: 9;

    width: 100%;

    padding: 0 15px;

    /* Voidaan lisätä koko videon teksti osioon taustaväri */

}

.hero-text-container .cta-button {

    margin-bottom: 0rem;

    margin-left: 0;

    margin-right: 0;

}

.hero-text.position-left {

    left: 0;

}

.hero-text.position-center {

    left: 0;

    right: 0;

    bottom: 15px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.hero-text.position-right {

    margin-right: 0;

    margin-left: auto;

    text-align: right;

}

.hero-text-container .hero-text-area.position-left {

    text-align: left;

    margin-left: 0;

    margin-right: auto;

}

.hero-text-container .hero-text-area.position-right {

    text-align: right;

    margin-right: 0;

    margin-left: auto;

}

.hero-text-container .hero-text-area.position-center {

    text-align: center;

    margin-right: auto;

    margin-left: auto;

}

.hero-text h3,
.hero-text h2,
.hero-text h1,
.hero-text p {

    color: #fff;

    text-transform: uppercase;

}

.page-template-page-restaurant .light-blue-section {
    padding-top: 0;
    margin-top: 5px;
    margin-bottom: 40px;
}

.hero-text h3,
.hero-text h2,
.hero-text h1 {

    margin-top: 0;

    margin-bottom: 5px;

    line-height: 1.4;

}

.kokosivunkuva-module .cta-button {

    margin-bottom: 0;

}

.hero-text p {

    text-transform: initial;

    font-size: 2.5rem;

    font-weight: 300;

    line-height: 1;

}

.pic-or-test-module {

    margin-top: 15px;

    margin-bottom: 45px;

}

.hero-container {

    position: relative;

}

/*.page-template-page-basic-content.revontulitalo .hero-text p,
.page-template-page-basic-content.revontulitalo .hero-text p {

    position: absolute;

    left: 0;

    right: 0;

    top: -35px;

}*/

.slick-next-button {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    /*background-color: rgba(0,0,0,0.1);*/

    width: 6%;

    max-width: 40px;

}

.slick-prev-button {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    /*background-color: rgba(0,0,0,0.1);*/

    width: 6%;

    max-width: 40px;

}

.slick-next-button:hover,
.slick-prev-button:hover {

    cursor: pointer;

}

.slick-next-button:hover .carousel-arrow-next,
.slick-prev-button:hover .carousel-arrow-prev {

    background-color: rgba(0, 0, 0, 0.6);

}

.carousel-arrow-next {

    position: absolute;

    top: 47%;

    left: 0;

    text-align: center;

    right: 0;

}

.carousel-arrow-prev {

    position: absolute;

    top: 47%;

    left: 0;

    text-align: center;

    right: 0;

}

.carousel-arrow-prev i,
.carousel-arrow-next i {

    padding: 15px 0;

}

.sesongit-ja-palvelut .pic-or-test-module,
.seasons-and-services .pic-or-test-module {

    margin-bottom: 0;

    margin-top: 30px;

}

.sesongit-ja-palvelut .pic-or-test-module .light-blue-section,
.seasons-and-services .pic-or-test-module .light-blue-section {

    padding-bottom: 30px;

}

.page-template-page-restaurant .pic-or-test-module {
    margin-bottom: 0px;
    margin-top: 40px;
}

.page-template-page-restaurant .nosto-module-bg {

    margin-bottom: 5px;

}

/* EOF Hero carousel */

.social-share {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    max-width: 234px;

    transform: translate(0, -50%);

    display: none;

}

.image-carousel-container,

.image-gallery-image2 {

    position: relative;

}

.social-share-button {

    position: absolute;

    color: #fff;

    bottom: 15px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}

.social-share-button:hover {

    cursor: pointer;

}

/* Hero image css */

.hero-image {

    height: 50vh;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.hero-image h3,
.hero-image h2,
.hero-image p {

    color: #fff;

    text-transform: uppercase;

    max-width: 480px;

}

.hero-image p {

    font-size: 1.2rem;

}



/* Module animation css */

.slick-prev-button,
.slick-next-button,
.carousel-arrow-next,
.carousel-arrow-prev {

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}

/* EOF Module animation */



/* Googlemaps css */

.acf-map {

    height: 600px;

    width: 100%;

}

/* EOF Googlemaps */



.google-maps-container,
.tietoa-meista .pic-or-test-module,
.about-us .pic-or-test-module {

    margin-bottom: 0;

}

.iglut .table-module,
.igloos .table-module,
.glass-igloos-lapland-finland .table-module,
.lasi-iglut-majoitus-levi .table-module {

    background: rgba(19, 57, 94, 1);

    background: -moz-linear-gradient(left, rgba(19, 57, 94, 1) 0%, rgba(19, 57, 94, 1) 50%, rgba(42, 75, 106, 1) 50%, rgba(42, 75, 106, 1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19, 57, 94, 1)), color-stop(50%, rgba(19, 57, 94, 1)), color-stop(50%, rgba(42, 75, 106, 1)), color-stop(100%, rgba(42, 75, 106, 1)));

    background: -webkit-linear-gradient(left, rgba(19, 57, 94, 1) 0%, rgba(19, 57, 94, 1) 50%, rgba(42, 75, 106, 1) 50%, rgba(42, 75, 106, 1) 100%);

    background: -o-linear-gradient(left, rgba(19, 57, 94, 1) 0%, rgba(19, 57, 94, 1) 50%, rgba(42, 75, 106, 1) 50%, rgba(42, 75, 106, 1) 100%);

    background: -ms-linear-gradient(left, rgba(19, 57, 94, 1) 0%, rgba(19, 57, 94, 1) 50%, rgba(42, 75, 106, 1) 50%, rgba(42, 75, 106, 1) 100%);

    background: linear-gradient(to right, rgba(19, 57, 94, 1) 0%, rgba(19, 57, 94, 1) 50%, rgba(42, 75, 106, 1) 50%, rgba(42, 75, 106, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13395e', endColorstr='#2a4b6a', GradientType=1);

}

.table-module table p {

    margin-bottom: 0;

}

.table-module .lead {

    font-size: 1.2rem;

    margin-bottom: 1rem;

    line-height: 1.4;

}

.iglut .table-module td,
.lasi-iglut-majoitus-levi .table-module td,
.glass-igloos-lapland-finland .table-module td,
.igloos .table-module td {

    width: 50%;

}

.hero-carousel .hero-item {

    position: absolute;

    top: 0;

    opacity: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.table-toggle,

.table-hide {

    display: none;

}

.table-show,

.table-hide {

    pointer-events: none;

}

.Rtable {

    display: flex;

    flex-wrap: wrap;

}

.table-cell {

    box-sizing: border-box;

    flex-grow: 1;

    padding: 0.7rem 15px 0.5rem;

    overflow: hidden;

    list-style: none;

    border-bottom: solid 2px #5195ac;

    /*width: 40%;*/

    width: 80%;

}

.last-cell {

    border-bottom: solid 0px #5195ac;

}

.table-cell.mobile-hide {

    /*width: 20%;*/

    width: 20%;

    padding: 0.7rem 15px 0.5rem 0px;

}

.table-cell p {

    margin-bottom: 0;

}

.table-cell h4 {

    margin-top: 0;

}

.banner-wrap {
    margin-top: 3rem;
    margin-bottom: 3rem;
    display: block;

}

.banner-link {
    display: contents;
}

.banner-text {
    display: block;
    text-align: center;
    padding-bottom: 0.8rem;

}

.banner-kuva {
    display: block;
    margin: auto;
    width: 1130px;
    height: auto;
}


/* Cookiebar plugarin css */

/*#cookie-bar {background: rgba(182,219,165, 0.7); height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}

#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}

#cookie-bar.fixed.bottom {bottom:0; top:auto;}

#cookie-bar p { font-weight: 500; color: #555; margin: 2px 0 2px 0; padding:0; font-size: .9em; }

#cookie-bar a { font-weight: 500; color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}

#cookie-bar .cb-enable {background:#158B31;}

#cookie-bar .cb-enable:hover {background:#158B31;}

#cookie-bar .cb-disable {background:##158B31;}

#cookie-bar .cb-disable:hover {background:#bb0000;}

#cookie-bar .cb-policy:hover {color:#158B31;}*/

/* EOF Cookiebar plugari  */