@media (min-width: 1024px) and (max-width: 1024px) {
	.logo-container{
		padding-left: 40px;
    padding-top: 10px;
	}
	.logo-container .social-links {
    margin-left: 40px;
	}
}


@media (max-width: 1023px) {

	.share-container{
		 display: none;
	}

	.participate-form-container{
		/*display:none;*/
	}


	body{
		background-image:none;
	}

	.container.container-main > h1{
		border-top: 1px solid #4891c4;
		padding-top: 13px;
		margin-top:10px;
	}

	.wrapper{
		width: 100%;
	}
	iframe{
		width:100% !important;
	}
	/*.logo {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		display:block;
	}*/
	.logo-container{
		width			: 100%;
		padding			: 1px;
	}
	.logo{
		margin			: 60px auto 0px auto;
		display			: block;
	}
	.logo-container .social-links{
		width:100%;
	}
	.logo-container .social-link{
			margin-left:0px;
	}

	.wrapper-main{
		padding-top		: 0px;
		width					: 100%;
	}

	.container{
		width:auto;
	}
	.container.container-main{
		padding-right: 20px;
    padding-left: 20px
	}

	body.vie-vanhus-ulos-kampanjan-loppupalkinnot-2017 .container.container-main{
		padding-right	: 0px;
    padding-left	: 2px
	}


	.container-main img{
		display			: block ;
		float			: none !important;
		margin-right	: auto ;
		margin-left		: auto;

		width: 100%;
    height: auto;
	}

	.container-main img.social-link{
		display			: inline-block;
	}

	.container-header{
			background-image: none;
			 height: 390px;
	}



	.frontpage-row{
		margin-top		: 10px;
	}
	/*----------------
	 user actions
	 -----------------*/
	 .container-header .user-actions{
		 display		: none;
	 }
	.container-header .user-actions a {
		width			:100%;
		float			: none;
		margin-left		: 0px;
		border-radius	: 0px 0px 0px 0px;
		box-shadow		: 0px 0px 0px rgba(0,0,0,0);
	}

	button.pre-step-item {
		font-size		: 16px;
		width			: 100%;
		cursor			: pointer;
	}
	.participate-container .text-link{
		display			: none;
	}
	/*------------*/
	/* Frontpage */
	/*------------*/

	a.yhdessa-ilman-ikarajaa{
		display:none;
	}

	.participate-container{
		/*width:96%;
		margin:2%;*/
	}

	.register-cta{
		padding			: 20px;
		text-align		: center;
	}
	.register-cta .arrow{
		display			: none !important;
	}



	.participate-cta{
		display:none;
	}
	.participate-cta-arrow{
		display:none;
	}


	.participate-container.label {
		margin			: 0px 0px 0px 0px;
		width			: 100%;
	}

	.content-text-container{
		width			: 100%;
	}

	.container-tops .left.tops-column{
		width			: 100%;
	}
	.map-container{
		width			: 100%;
	}

	.item.video-container{
		width:100%;
		/*max-width:640px;*/
		margin-top:30px;
	}
	.vimeo-iframe{
		width:100%;
		float:none;
	}
	.video-description{
		float:none;
		width:auto;
		margin:15px;
		display:block;
		margin-right:auto;
		margin-left:auto;
	}
	.container-some-boxes{
		padding		: 20px;
		width		: 100%;
	}
	.container-some-boxes .right, .container-some-boxes .left{
		width		: 100%;
	}

	.container-some-boxes .left.facebook{
		display:none;
	}
	/*-----------------
	/* NAVI
	------------------*/


	/*ul.navi li{
		width:100%;
		padding:20px;
	}
	ul.navi.open li{
		display:block !important;
	}
	li.mobile-menu{
		display:block !important;
		cursor:pointer;
	}*/

	.inner-padding {
		padding: 10px;
	}
	.container-footer img{
		width:90%;
		display:block;
		margin-right:auto;
		margin-left:auto;
		height:auto;
	}

	.content-contact-form{
		padding:20px;
		float:none;
		width:auto;
	}

	.left{
		float	: none;
		clear	: both;
	}
	.right{
		float	: none;
		clear	: both;
	}
	/*----------------------
	 Tulokset
	 ----------------------*/
	.container-tops .top-ten-item{
		text-align			: left;
	}
	.container-tops img{
		display				: inline-block;
		margin-bottom		: -20px;
	}

	/*.container-tops .top-ten-index, .container-tops .arrow-up{
		margin-top			: 4px;
		margin-bottom		: 10px;
	}*/

	.padding-right-40{
		padding-right		: 0px;
	}
	/*----------------------
	 Palkinnot
	 ----------------------*/
	 .winners-container{
		 width: 100%;
		 max-width:800px;
		 margin: 0px auto 0px auto;
	 }
	 .winners-container h1{
		text-align:center;
		line-height:1;
	 }
	 .winners-container p{
		font-size:16px;
		text-align:center;
	  }
	 .winners{
		 display:block;
		 margin: 0px
	 }
	.winners .row{
		 display:block;
		 margin-top:10px;
	 }
	 .winners .cell{

		 display:block;
		 margin-top:5px;
		 padding:0px;
	 }

	 .post-type-archive-viikkopalkinnot .boxed-row {
    	padding: 60px 10px 60px 10px;
		}
		.post-type-archive-viikkopalkinnot .inner-padding {
    	padding: 0px;
		}
	 .register-cta{
		display		: none;
	 }


}


@media (max-width: 900px) {

	.participate-form-container{
		margin-top: 20px;
	}
	.container-navi{
		height:auto;
	}
	.content-navi {
		width: 100%;
		height: auto;
	}

	.pre-step-button.pre-step-button_start {
    padding: 15px 20px 15px 20px;
	}

	.step-1-1-pre h1{
		width: 90% !important;
		margin: 20px auto 30px auto !important;
	}

	#record-container{flex-direction: column;}
	#record-container label { text-align: center; }
	#record-container .input-row {     justify-content: center; }
	#record-container label{ font-weight: 600;}

}
@media (max-width: 600px) {

	#distance-traveled h1{ font-size: 14px !important; }
	#distance-traveled .image{ width: 50px !important; height: 50px !important; border: 3px solid #69ac2c !important; }
	#distance-traveled #progress progress{ height: 12px !important; }
	#distance-traveled #progress h1 { margin-bottom: 10px !important; }
	/*-------------------------
	 Total
	 -----------------------*/
	 .participate-container .outings-total-container h1{
		 margin-top:20px;
	 }
	/*-------------------------
	 Participation
	 -----------------------*/
	.pre-step-button{
			width:90%;
			padding: 13px 40px 13px 60px;
			margin: 20px auto 10px auto;
	}
	.select-item-1, .select-item-2{
		margin:0px;
	}
	 .select-item-1 .pre-step-button{
		margin-top:0px !important;
	}
	button.button-step1 {
    margin: 20px auto 17px auto;
	}
	input.outings.email, select.outings.nick, select.outings.locations, textarea.comments.outings{
		width: 90%;
	}
	textarea.comments.outings{
		width: 95%;
		margin: 0px auto 0px auto;
	}
	.participation-step2 label{
			width: 93%;
	    display: block;
	    text-align: left;
	    margin: 5px auto 5px auto;
	}

	.participate-container .outings.amount {
    width: 50px;
    display: inline-block;
    text-align: center;
    margin-right: 7px;
    margin-left: 7px;
    font-size: 21px;
    font-weight: 600;
    padding: 3px;
    vertical-align: top;
	}
	/*-------------------------
	 Footer
	 -----------------------*/
	footer.grid > a.item{
		display:block;
		margin-bottom:20px;
	}

	body.home .container.container-main {
			width: 100%;
	    padding-right: 0px;
	    padding-left: 0px;
	}
}