/* Campaign specific styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#kamppisBanner.kamppisPage.imageDynamic.id1294 {background-size:cover;} 
#kamppisBanner.kamppisPage.imageDynamic.id1309,
#kamppisBanner.kamppisPage.imageDynamic.id1338,
#kamppisBanner.kamppisPage.imageDynamic.id1344{background-size:cover; box-shadow: 0px 0px 5em rgba(197,220,228,0.4) inset} 
#kamppisBanner.kamppisPage.imageDynamic.id1298  {background-size:cover; box-shadow: 0px 0px 5em rgba(182,190,208,0.4) inset;}
#kamppisBanner.kamppisPage.imageDynamic.id1308 {background-size:auto 100%; background-position: center bottom;}
#kamppisBanner.kamppisPage.imageDynamic.id1294 > .title {background-color:#fff; width:80%; margin:10px; top:10px}
#kamppisBanner.kamppisPage.imageDynamic.id1298 > .title {background-color:#fff; width:60%; margin:10px; top:10px}
#kamppisBanner.kamppisPage.imageDynamic.id1308 > .title, 
#kamppisBanner.kamppisPage.imageDynamic.id1309 > .title{background-color:#fff; width:40%; margin:10px; top:10px}
#kamppisBanner.kamppisPage.imageDynamic.id1338 > .title, #kamppisBanner.kamppisPage.imageDynamic.id1344 > .title {background-color:#fff; width:50%; margin:10px; top:10px}
/* temporary style*/
#kamppisBanner.dynamicImage {background-size:cover;box-shadow: 0px 0px 5em rgba(197,220,228,0.5) inset}
#kamppisBanner.dynamicImage > .title {background-color:#fff; width:50%; top:10px;margin-top:10px;}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#kamppisBanner.kamppisPage.imageDynamic.id1308 {background-size:cover;} 
#kamppisBanner.kamppisPage.imageDynamic.id1294 > .title,
#kamppisBanner.kamppisPage.imageDynamic.id1298 > .title {width:42%; top:20px; left:20px}
#kamppisBanner.kamppisPage.imageDynamic.id1308 > .title {width:40%; top:20px; left:15px}
/* temporary style*/

#kamppisBanner.dynamicImage > .title {width:50%;}
}

/* desktops */
@media only screen and (min-width : 992px) {
#kamppisBanner.dynamicImage > .title {width:35%;}
#kamppisBanner.kamppisPage.imageDynamic.id1309 > .title, 
#kamppisBanner.kamppisPage.imageDynamic.id1344 > .title{ width:36%; top:20px; left:10px}	
#kamppisBanner.kamppisPage.imageDynamic.id1308 > .title {width:35%; top:20px; left:15px}
#kamppisBanner.kamppisPage.imageDynamic.id1338 > .title
 {width:40%; top:20px; left:15px}
/* temporary style*/

#kamppisBanner.dynamicImage > .title { width:36%; top:10px; left:10px}	
}

/* Suomi100
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.suomi100 > .block.info {width: 70%;}
.suomi100 > .block.info > .block-date {font-size:1.2em; padding:0 0 2px 0;}
.suomi100 > .block.info > .block-duration {display:block; padding:0 0 0 3px}
.suomi100 > .block.btn > a {text-decoration:none}
.suomi100 > .block.btn > a > .block-select {font-size:1.4em; letter-spacing:0.02em;}

/* Homepage kesäpakuttaja
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.kesapakuttaja {background-image:url('/media/1119/kesapakuttaja-bg.png'); background-repeat:no-repeat;background-position: center bottom; background-size: cover;border:5px solid #fff}
.kesapakuttaja-content-div {padding: 1em}
.kesapakuttaja-content { background-color: #fff; padding:1em;border-radius:2px;}
.kesapakuttaja-content h2 { color:#0075be; margin-top: 0;font-size: 2em}
.kesapakuttaja-content a { margin-top: 0;}

.kesapakuttaja-img-div img {margin:1em auto auto;max-width: 100%}


/* Small Devices, Tablets */
@media only screen and (min-width : 992px) {

.kesapakuttaja-row {display: table; width:100% }
.kesapakuttaja-col {display: table-cell; }
.kesapakuttaja-content-div {vertical-align: top;width:50%;}
.kesapakuttaja-content {margin-bottom: 40px}
.kesapakuttaja-img-div {vertical-align: bottom;width:50%;}
.kesapakuttaja-img-div img {}
} 


@media only screen and (min-width : 1200px) {
.kesapakuttaja-content-div {width:45%;}
.kesapakuttaja-img-div {width:55%;}
}