/*---------------------------
 max-width: 1640px
---------------------------*/

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

.toteutus_videot {
 min-width: 1400px;
}

.tulokset_some {
 width: 1080px;
}
.tulokset_kommentit {
 width: 1280px;
}
.tulokset_kommentit img {
 max-width: 1280px;
}

.tekijat_logo {
 height: 120px;
}
.tekijat_logo img {
 height: 120px;
}

}



/*---------------------------
 max-width: 1420px
---------------------------*/

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

h1 {
 font-size: 100px;
 line-height: 100px;
}
h2 {
 padding: 40px 0 20px 0;
 font-size: 36pt; /*48px;*/
 line-height: 36pt; /*48px;*/
}

.main_nimi {
 font-size: 120px;
 line-height: 120px;
}

.toteutus_videot {
 min-width: 1080px;
 height: 840px;
}
.vimeo {
 width: 1080px;
 height: 720px;
 padding: 60px 0;
}
.slide {
 width: 960px;
 height: 720px;
}

.slick_center {
 height: 720px;
}
.slick-prev
{
 left: -75px;
}
.slick-next
{
 right: -75px;
}

.tulokset {
 padding: 50px 0;
}
.tulokset_some {
 width: 1080px;
 padding: 80px 0;
}
.tulokset_kommentit {
 width: 1280px;
}
.tulokset_kommentit img {
 max-width: 1280px;
}

.tilastot {
 min-width: 1280px;
}
.tilastot_wrapper {
 width: 1050px;
}
.tilastot_pallo {
 width: 300px;
 height: 300px;
}
.tilastot_luku {
 padding: 90px 0 10px 0;
 font-size: 100px;
 line-height: 100px;
}
.tilastot_yksikko {
 font-size: 36px;
}

.tekijat_logo {
 height: 120px;
}
.tekijat_logo img {
 height: 120px;
}

}



/*---------------------------
 max-width: 1040px
---------------------------*/

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

body {
 -webkit-text-size-adjust: none;
 font-size: 14pt; /*18px;*/
 line-height: 18pt; /*24px;*/
}
h1 {
 font-size: 64px;
 line-height: 64px;
}
h2 {
 padding: 40px 0 20px 0;
 font-size: 32px;
 line-height: 32px;
}
.siteeraus {
 padding: 40px 0 20px 0;
 font-size: 48px;
 line-height: 48px;
}
.wrapper_txt {
 width: 90%;
}

.main {
 min-width: initial;
 height: initial;
 background-size: cover;
}
.main_wrapper {
 width: 100%;
}
.main_tuottajat {
 width: 90%;
 padding: 50px 0 10px 0;
 font-size: 15px;
 line-height: 18px;
}
.main_nimi {
 padding: 0 0 20px 0;
 font-size: 64px;
 line-height: 64px;
}
.main_kuva {
 width: 90%; 
 height: initial;
 padding: 0 0 50px 0;
}
.main_kuva img {
 width: 100%;
 max-width: 640px;
 height: auto;
}

.lahtokohdat {
 padding: 30px 0 50px 0;
}
.lahto_img {
 width: 100% !important;
 height: auto !important;
 padding: 30px 0;
}

.toteutus_videot {
 display: none;
}
.toteutus_videot_m {
 display: block;
 width: 100%;
 padding: 40px 0;
 background: #179897;
}
.vimeo {
 width: 100%;
 height: initial;
 margin: 0 auto;
 padding: 20px 0;
}
.slide {
 width: 360px;
 height: 270px;
}
.toteutus {
 padding: 50px 0;
}
.toteutus_storyt {
 width: 100%;
 padding: 0 0 40px 0;
}
.toteutus_story {
 width: 135px;
 height: 240px;
 padding: 10px 10px;
}
.toteutus_story video {
 width: 135px !important;
 height: 240px !important;
}
.toteutus_siteeraus {
 width: 90%;
 padding: 0 0 50px 0;
}

.slick_center {
 height: 270px;
}
.slick-slide {
 padding: 0 40px;
}
.slick-prev
{
 width: 43px;
 height: 50px;
 left: 0;
}
.slick-next
{
 width: 43px;
 height: 50px;
 right: 0;
}
.slick-prev:before {
 background-size: 43px 50px;
 width: 43px;
 height: 50px;
}
.slick-next:before {
 background-size: 43px 50px;
 width: 43px;
 height: 50px;
}

.tulokset {
 width: 100%;
 padding: 30px 0 50px 0;
}
.tulokset_some {
 width: 540px;
 padding: 60px 0 40px 0;
}
.tulokset_postaus {
 width: 135px;
 height: 240px;
}
.tulokset_postaus video {
 width: 135px !important;
 height: 240px !important;
}
.tulokset_postaus img {
 width: 135px !important;
 height: 240px !important;
}
.tulokset_siteeraus {
 width: 90%;
 padding: 0 0 50px 0;
}
.tulokset_kommentit {
 width: 90%;
 padding: 20px 0 50px 0;
}
.tulokset_kommentit img {
 width: 100%;
 max-width: initial;
 height: auto;
}

.tilastot {
 min-width: initial;
 padding: 50px 0;
}
.tilastot_wrapper {
 width: 90%;
}
.tilastot_pallo {
 float: none;
 width: 300px;
 height: 300px;
 margin: 25px auto;
}
.tilastot_luku {
 padding: 100px 0 10px 0;
 font-size: 72px;
 line-height: 72px;
}
.tilastot_yksikko {
 font-size: 32px;
}

.tekijat {
 padding: 50px 0 0 0;
}
.tekijat_siteeraus {
 width: 90%;
 margin: 0 auto;
}
.tekijat_logot {
 padding: 80px 0 50px 0;
 overflow: initial;
}
.tekijat_logo {
 display: block;
 height: initial;
 margin: 0 auto;
}
.tekijat_logo img {
 height: auto;
 width: 250px;
}

}



/*---------------------------
 max-width: 560px
---------------------------*/

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

.tulokset_some {
 width: 405px;
 padding: 60px 0 40px 0;
}

}