@media (min-width: 0px) {

	#campaign_banner {
	  position: relative;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 285px;
	  height: 360px;	
	  background: url(/modules/mod_campaignbanner/images/ruutuplus_toukokuu_570x720.jpg) no-repeat; 
	  background-color: #fff6;
	  background-size: contain; 
	  z-index: 9001;
	}
	
	#campaign_banner .mfp-close{
		color: transparent !important;
		opacity: 0.1;
		width: 100px;
		height: 50px;
	}
	
	#campaign_banner .osallistu{
		position: absolute;
		top: 80px;
		width: 250px;
		height: 300px;
		right: 0px;
	}
	#campaign_banner .osallistu:hover {	
	}
	
	#campaign_banner .osallistu-middle{
		position: absolute;
		top: 50px; 
		bottom: 50px;
		right: 50px; 
		left: 50px;
	}
	
}
@media (min-width: 992px) {

	#campaign_banner {
	  width: 785px;
	  height: 540px;
	  background: url(/modules/mod_campaignbanner/images/ruutuplus_toukokuu_785x540.jpg) no-repeat; 
	  z-index: 9001;
	}
	
	
	#campaign_banner .osallistu{
		top: 80px;
		width: 500px;
		height: 450px;
		right: 0px;
	}
	
	#campaign_banner .osallistu-middle{
		top: 50px;
		bottom: 50px;
		right: 50px;
		left: 50px;
	}

}