@charset "UTF-8";


/* CSS Document */

body {
	height:auto;
	font-family: 'Raleway', sans-serif;
	background:#4d4d4d;}

.mainwrapper {
	width:100%;
	background:#4d4d4d;}

h1 {
	text-transform:uppercase;
	text-align:center;
	font-weight:900;
	font-size:2.5em;
	color:#f5f5f5;}
	
	
h2 {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:900;
	font-size:1.65em;
	color:#f5f5f5;}	
	
h3 {font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	font-size:1.25em;
	line-height:28px;
	color:#333;}
	
h4 {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	font-size:3em;
	color:#f2f2f2;
	margin-bottom:35px;}
	
p {
	color:#f5f5f5;
	font-size:0.90em;
	line-height:22px;
	opacity:1;}

.hinta_p {
	font-size:1.75em;
	font-family: 'Oswald', sans-serif;
	color:#CCC;}

.hinta_euro_p {
	font-size:1.65em;
	font-family: 'Oswald', sans-serif;
	font-weight:900;
	color:#0FB5A1;}

.hinta_euro_p_alv {
	font-size:1.00em;
	font-family: 'Oswald', sans-serif;
	font-weight:900;
	color:#0FB5A1;
	margin-top: -15px;
	margin-bottom: auto;}

.ydinviesti {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-align: center;
	color:#fff;
	font-size:6em;
	line-height:100px;
	font-weight: 700;
	width:100%;
	margin-left:auto;
	margin-right:auto;}
	





/*Etusivu*/

	
nav {
	position:absolute;top:0;left:0;
	background:transparent;
    height: 50px;
    line-height: 50px;
	box-shadow: 0px 0px 0px #999; 
    -moz-box-shadow: 0px 0px 0px #999;
    -webkit-box-shadow: 0px 0px 0px #999;}
	
nav .brand-logo {
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	margin-left:10px;
	font-size:1.25em;
	color:#f2f2f2;}

nav .lang-select {
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	margin-left:15px;
	font-size:0.75em;
	color:#f2f2f2;}

.active {
	font-weight:700;
}
	
.topbanner {
	width:100%;
	background:url(../images/sneakers.jpg);
	background-size:cover;
	border-bottom: #fff 1px solid;
	padding-top: 5%;
	padding-bottom: 2%;
	overflow: auto;
	position:relative;}
.bannerfocus{
			width:35%;
			float: left;
	text-align:center;}
.bannerfocus img{
				width:55%;
			}

.topbanner-text {
	width:30%;
	text-align:center;
	padding-top: 3%;
	float: left}

.topbanner-text p {
	font-size:1em;
	padding-top: 2%}
.topbanner-text img {
	width:20%;}
	
	.bannerweb{
			width:30%;
	float: right;
	
	text-align:center;}
.bannerweb img{
				width:100%;
			}
.bigbutton {
	height:40px;
	width:200px;
	margin-top:45px;
	border-radius:1px;
	margin-left:auto;
	margin-right:auto;
	transition:ease-in-out 0.15s;
  	background: #00cece;}	
	
.bigbutton a {
	text-transform: uppercase;
	height:40px;
	width:100%;
	display:block;
	color:#f2f2f2;
	font-size:0.9em;
	line-height:40px;
	transition:ease-in-out 0.15s;}
	
.bigbutton:hover {
	background:#333;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);}
	
.bigbutton a:hover {
	color:#fff;}

.bigbutton2 {
	height:40px;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:1px;
	margin-left:auto;
	margin-right:auto;
	transition:ease-in-out 0.15s;
  	background: #00cece;}	

.bigbutton2 a {
	text-transform: uppercase;
	height:40px;
	width:100%;
	display:block;
	color:#f2f2f2;
	font-size:0.95em;
	line-height:40px;
	transition:ease-in-out 0.15s;}
	
.bigbutton2:hover {
	background:#333;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);}
	
.bigbutton2 a:hover {
	color:#fff;}
	

.new {
	position:relative;
	overflow:auto;}

.new-img {
	padding-top: 11%;
	background:url(../images/biker.jpg);
	background-size: cover;
	background-position: center;
	width:50%;
	position: absolute;top:0;left:0;
	height:100%;
	float:left;}

.new-text {
	background:#fdfdfd;
	width:50%;
	padding-top:10%;
	padding-bottom:10%;
	padding-right:8%;
	padding-left:8%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:right;}

.ominaisuudet-text {
	background:#fdfdfd;
	width:50%;
	padding-top:5%;
	padding-bottom:5%;
	padding-right:8%;
	padding-left:8%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:right;}

.new-text p, .new-text h2 {
	color:#333;}

.ominaisuudet-text p, .ominaisuudet-text h2 {
	color:#333;}

.new-text-captionimage {
	width:30%;
	padding-bottom:5%;
	padding-top:5%;
	overflow:auto;
	background:url(../images/pic_hanna.jpg);}

.lupaus_ja_ominaisuudet {
	overflow:auto;
	width:100%;
	position:relative;
	text-align:left;}

.lupaus {
	float:left;
	padding-top:5%;
	overflow:auto;
	width:50%;
	background:url(../images/watch.jpg);
	background-size:cover;
	background-position: center;}
	
.lupaus-text {
	margin-top:15%;
	width:60%;
	height:400px;
	margin-left:auto;
	margin-right:auto;}
	
.ominaisuuksiin {
	float:left;
	padding-top:5%;
	background:#fdfdfd;
	overflow:auto;
	width:50%;}
	
.ominaisuuksiin-text {
	margin-top:15%;
	width:60%;
	height:400px;
	margin-left:auto;
	margin-right:auto;}

.ominaisuuksiin-text p, .ominaisuuksiin-text h2 {
	color:#333;}
	
.bigbutton2 {
	width:auto;
	text-align:center;}

.kokonaisuus {
	padding-top:12%;
	padding-bottom:12%;
	border-top:solid #eee 1px;
	border-bottom:solid #eee 1px;
	background:url(../images/hands.jpg);
	background-size:cover;
	width:100%;
	overflow:auto;}
	
.kokonaisuus-text {
	text-align:center;
	width:50%;
	margin-left:auto;
	margin-right:auto;}

.kokonaisuus-text h2 {
	margin-top:10px;
	margin-bottom:5%;}

.kokonaisuus-text i {
	line-height:1px;}

	
.favoriteicon {
	font-size:3.5em;
	color:#f2f2f2;}
	
.dropdown-toggle {
    display: inline-block;
    text-align: center;
    text-decoration: none;
	min-width: 130px;
	background: #00cece;
}

.dropdown {
    display: inline-block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 128px;
}

.dropdown-menu a {
    color: black;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-menu a:hover {background-color: #B1B1B1}

.dropdown:hover .dropdown-menu {
    display: block;
}
.hinnasto_child {
	margin:auto;
	min-width: 33%;
	just
}

@media screen and (max-width: 1024px) {
    .bannerweb{
        display: none !important;
    }
	    .bannerfocus{
		display: none !important;
    }
		    .topbanner-text{
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
    }
.hinnasto {
	display: flex;
	flex: auto;
	width: 33%;
	margin:auto;
	overflow:auto;
	flex-direction:row;
}
	

}


footer {
	width:100%;
	padding-bottom:5%;
	padding-top:5%;
	overflow:auto;
	background:#222;}

.footer_text_1 {
	float:left;
	margin-left:5%;}

.footer_text_2 {
	float:left;
	margin-left:5%;}
footer a {
	text-decoration: underline;
	color:#888;}

footer p {
	line-height:12px;
	font-size:0.85em;
	color:#aaa;}

.footer_some {
	display: block;
	width:200px;
	float:right;
	margin-right:5%;
	margin-top:18px;}

.some_logo {
	float:left;
	width:33.33%;
	opacity:0.70;
transition: ease-in-out 0.10s;}

.some_logo:hover {
	opacity:1;}

.some_logo img {
	display: block;
	width:60%;
	margin-left:auto;
	margin-right:auto;}





/*Ominaisuudet*/

.ominaisuudet-1 {
	position:relative;
	overflow:auto;}
	
.ominaisuudet-1-text {
	width:50%;
	padding-top:13%;
	padding-bottom:13%;
	padding-left:8%;
	padding-right:8%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:left;
	background: #222;}

.ominaisuudet-1-text p, .ominaisuudet-1-text h2 {
	color:#aaa;}

.ominaisuudet-1-text a {
	text-align:center;}

.ominaisuudet-1-img {
	background:url(../images/webmockup1.jpg);
	background-size: cover;
	background-position: center;
	width:50%;
	position: absolute;top:0;right:0;
	height:100%;
	float:left;}

.ominaisuudet-2 {
	position:relative;
	overflow:auto;}
	
.ominaisuudet-2-text {
	width:50%;
	padding-top:11%;
	padding-bottom:11%;
	padding-left:8%;
	padding-right:8%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:right;
	background: #fdfdfd;}

.ominaisuudet-2-text p, .ominaisuudet-2-text h2 {
	color:#333;}

.ominaisuudet-2-img {
	background:url(../images/iphonemockup.jpg);
	background-size: cover;
	background-position: center;
	width:50%;
	position: absolute;top:0;left:0;
	height:100%;
	float:left;}

.ominaisuudet-3 {
	position:relative;
	overflow:auto;}
	
.ominaisuudet-3-text {
	width:50%;
	padding-top:11%;
	padding-bottom:11%;
	padding-left:8%;
	padding-right:8%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:left;
	background: #fdfdfd;}

.ominaisuudet-3-text p, .ominaisuudet-3-text h2 {
	color:#333;}

.ominaisuudet-3-img {
	background:url(../images/webmockup2.jpg);
	background-size: cover;
	background-position: center;
	width:50%;
	position: absolute;top:0;right:0;
	height:100%;
	float:left;}

.kuvausapp-hero-img {
	width:100%;
	height:700px;
	background: url(../images/kuvausappkokoelma.jpg);
	background-position: center;
	background-size: cover;}

.focus-plan-img {
	width:100%;
	height:500px;
	background: url(../images/focus-plan.png);
	background-position: center;
	background-size: cover;}

.ipad-pool-img {
	width:100%;
	height:500px;
	background: url(../images/ipad-pool.png);
	background-position: center;
	background-size: cover;}

.web-monitor-img {
	width:100%;
	height:500px;
	background: url(../images/web-monitor.png);
	background-position: center;
	background-size: cover;}

.ominaisuudet {
	width:100%;
	padding-top:7%;
	padding-bottom:2%;
	background:#fdfdfd;
	text-align:center;
	overflow:auto;}

.ominaisuudet h4 {
	color:#333;}
	
	
.ominaisuudet-grid {
	width:80%;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;}
	
.ominaisuudet-wrap {
	width:32%;
	height:350px;
	float:left;
	margin-left:0.50%;
	margin-right:0.50%;
	padding-left:4%;
	padding-right:4%;
	margin-bottom:2%;}

.ominaisuudet-wrap h3 {
	color:#333;}
	
.ominaisuudet-wrap p {
	font-size:0.85em;
	line-height:20px;
	color:#333;}
	
.ominaisuudet-icon {
	margin-left:auto;
	margin-right:auto;
	width:40%;
	opacity:0.85}
	
.ominaisuudet-icon img {
	width:100%;}

.ominaisuuslistaus-all {
	background:#353535;
	overflow:auto;
	width:100%;
	padding-top:8%;
	padding-bottom:8%;}

.ominaisuuslistaus-all h2 {
	text-align:center;
	margin-bottom:5%;
	color:#F5F5F5;}

.ominaisuuslistaus-all p {
	line-height:20px;
	margin:0;
	margin-top:10px;
	color:#F5F5F5;}

.ominaisuuslistaus-all-wrap {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:auto;}

.ominaisuuslistaus-all-osio {
	width:50%;
	padding-left:3%;
	float:left;}

.ominaisuuslistaus-all a {
	text-align:center;}

.ominaisuuslist-white {
	background:#fdfdfd;
	overflow:auto;
	width:100%;
	padding-top:8%;
	padding-bottom:8%;
}

.ominaisuuslist-white h2 {
	text-align:center;
	margin-bottom:5%;
	color:#333;}

.ominaisuuslist-white p {
	line-height:20px;
	margin:0;
	margin-top:10px;
	color:#333;}

.ominaisuuslist-white-wrap {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:auto;}

.ominaisuuslist-white-osio {
	width:50%;
	padding-left:3%;
	float:left;}

.ominaisuuslist-white a {
	text-align:center;}

.bigbutton13 {
	margin-top:5%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;}
	
	



/*Periaatteet*/

.arvomaailma {
	position:relative;
	overflow:auto;}

.arvomaailma-text {
	width:50%;
	padding-top:15%;
	padding-bottom:15%;
	padding-left:8%;
	padding-right:8%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:left;
	background:#222;}

.arvomaailma p,.arvomaailma h2 {
	color:#ccc;}

.arvomaailma-img {
	background:url(../images/31.jpg);
	background-size: cover;
	background-position: center;
	width:50%;
	position: absolute;top:0;right:0;
	height:100%;
	float:left;}


.principles {
	width:100%;
	padding-top:7%;
	padding-bottom:2%;
	background:#fdfdfd;
	text-align:center;
	overflow:auto;}

.principles h4 {
	color:#333;}
	
	
.principles-grid {
	width:80%;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;}
	
.principle-wrap {
	width:32%;
	height:350px;
	float:left;
	margin-left:0.50%;
	margin-right:0.50%;
	padding-left:4%;
	padding-right:4%;
	margin-bottom:2%;}
	
.principle-wrap p {
	font-size:0.85em;
	line-height:20px;
	color:#333;}
	
.principle-icon {
	margin-left:auto;
	margin-right:auto;
	width:40%;
	opacity:0.85}
	
.principle-icon img {
	width:100%;}




/*Liity*/



.liity {
	position:relative;
	overflow:auto;}
	
.liity-text {
	width:50%;
	padding-top:12%;
	padding-bottom:10%;
	padding-left:8%;
	padding-right:8%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:left;
	background: #222;}

.liity-text p, .liity-text h2 {
	color:#ccc;}

.liity-text a {
	text-align:center;}

.liity-img {
	background:url(../images/sunrise.jpg);
	background-size: cover;
	background-position: center;
	width:50%;
	position: absolute;top:0;right:0;
	height:100%;
	float:left;
	padding-top:11%;}

.step {
	margin-top:1%;
	font-weight: 900;
	font-size:1.2em;
	text-align:left;}

.hinnasto-wrap {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	position: relative;}

.hinnasto-parent {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-around;
	width:auto;
	margin:auto;
}

.hinnasto-kuva {
	background:url(../images/stairs.jpg);
	background-size: cover;
	background-position: center;
	width:50%;
	position: absolute;top:0;left:0;
	height:100%;
	float:left;}

.hintatiedot {
	float:right;
	text-align: center;
	width:50%;
	background: #222;
	overflow:auto;
	padding-top:5%;
	padding-bottom:10%}
.hintatiedot-wide {
    float: right;
    text-align: center;
    width: 100%;
    background: #222;
    overflow: auto;
    padding-top: 5%;
    padding-bottom: 10%
}

.hintatiedot-text {
	width:65%;
	margin-left:auto;
	margin-right:auto;
}

.hintatiedot-text p, .hintatiedot-text h4 {
	/* color:#ccc; */
}
.hintatiedot-text-cc p, .hintatiedot-text-cc h4 {
	color:#ccc;
}


.end-wrap {
	width:100%;
	position:relative;
	overflow:auto;
}

.palveluketju{
	float:left;
	position:relative;
	width:50%;
	padding-top:8%;
	padding-bottom:10%;
	background:#fdfdfd;}

.palveluketju-text {
	width:80%;
	margin-left:auto;
	margin-right:auto;}

.palveluketju p, .palveluketju h4, .palveluketju h2 {
	color:#333;}

.stores {
	padding-top:10%;
	width:70%;
	margin-left:auto;
	margin-right:auto;}

.stores_indexpage {
	padding-top:10%;
	width:100%;
	margin-left:auto;
	margin-right:auto;}

.store_logo {
	width:33.3%;
	float:left;
	opacity:0.70;
	transition: ease-in-out 0.20s;}

.store_logo:hover {
	opacity:1;}

.store_logo img {
	display: block;
	width:90%;
	margin-left:auto;
	margin-right:auto;}

.yhteys{
	text-align: center;
	overflow:auto;
	float:left;
	position:relative;
	width:50%;
	height:100%;
	position:absolute;top:0;right:0;
	padding-top:25%;
	background:#353535;}

.yhteys-text {
	width:70%;
	margin-left:auto;
	margin-right:auto;}

.yhteys-text p, .yhteys-text h4 {
	color:#ccc;
}

.yhteys-text h2 {
	font-size:1.5em;
	margin:15px;
	text-transform: none;
	color:#ccc;
}






@media screen and (max-width: 1280px){
	
.palveluketju-text {
	width:80%;
	margin-left:auto;
	margin-right:auto;}

.ominaisuuslistaus-all-wrap {
	width:70%;}
.hinnasto {
	display: flex;
	margin:auto;
}


}






@media screen and (max-width: 1024px){
nav {
		height:62px;}
	
nav .brand-logo {
	display:none;}

.topbanner-text {
		width:55%;}
	
.new-text {
	padding-left:6%;
	padding-right:6%;}

.ominaisuudet-text {
	padding-left:6%;
	padding-right:6%;}
	
.lupaus-text {
	width:70%;
	height:300px}
	
.ominaisuuksiin-text {
	width:70%;
	height:380px;}
	
.ominaisuudet-1-text {
	padding-left:6%;
	padding-right:6%;
	padding-top:10%;
	padding-bottom:10%;}
	
.ominaisuudet-2-text {
	padding-left:6%;
	padding-right:6%;
	padding-top:10%;
	padding-bottom:10%;}
	
	
.ominaisuudet-3-text {
	padding-left:6%;
	padding-right:6%;
	padding-top:10%;
	padding-bottom:10%}
	
.kuvausapp-hero-img {
	height:330px;}
	
.focus-plan-img {
	height:330px;}

.ipad-pool-img {
	height:330px;}
	
.web-monitor-img {
	height:330px;}	
	
.ominaisuudet-grid {
	width:90%;}
	
.ominaisuuslistaus-all-wrap {
	width:85%;}
	
.arvomaailma-text {
	padding-left:6%;
	padding-right:6%;
	padding-top:10%;
	padding-bottom:10%;}
	
.principles-grid {
	width:90%;}
	
.liity-text {
	padding-left:6%;
	padding-right:6%;
	padding-top:10%;
	padding-bottom:10%;}
	
.hintatiedot-text {
	width:80%;}
}






@media screen and (max-width: 840px){
	
nav {
	padding-left:1%;}	
	
	
	
h4 {
	font-size:2.5em;
	}

.new-img{
	width:100%;
	float:none;
	height:auto;
	padding-top:10%;
	padding-bottom:10%;
	overflow:auto;
	position: relative;}
	
.new-text {
	padding-left:12%;
	padding-right:12%;
	float:none;
	width:100%;}

.ominaisuudet-text {
	padding-left:12%;
	padding-right:12%;
	float:none;
	width:100%;}
	
.ominaisuuksiin {
	width:100%;
	float:none;
	background: #f2f2f2;
	padding-left:15%;
	padding-right:15%;
	padding-top:12%;
	padding-bottom:12%;}
	
.ominaisuuksiin-text {
	text-align: center;
	margin-top:0%;
	height:auto;
	width:auto;}
	
.lupaus {
	width:100%;
	float:none;
	height:auto;
	padding-left:15%;
	padding-right:15%;
	padding-top:12%;
	padding-bottom:12%;}
	
.lupaus-text {
	text-align: center;
	margin-top:0%;
	height:auto;
	width:auto;}
	
footer {
    padding-top:10%;
    padding-bottom:10%;}
	
.footer_text_1 {
	float:none;
	width:100%;
	margin:auto;
	MARGIN-BOTTOM:40px;
	text-align: center;}
	
.footer_text_2 {
	float:none;
	width:100%;
	margin:auto;
	text-align: center;}
	
.footer_some {
	float:none;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 60px;}
	
.ominaisuudet-1-text {
	background: #151515;
	text-align: center;
	padding-left:15%;
	padding-right:15%;
	float:none;
	width:100%;}
	
.ominaisuudet-1-img {
	float:none;
	height:330px;
	width:100%;
	position:relative;}
	
.ominaisuudet-2-text {
	padding-left:15%;
	padding-right:15%;
	float:none;
	width:100%;}
	
.ominaisuudet-2-img {
	float:none;
	height:300px;
	width:100%;
	position:relative;}
	
.ominaisuudet-3-text {
	padding-left:15%;
	padding-right:15%;
	float:none;
	width:100%;}
	
.ominaisuudet-3-img {
	float:none;
	height:300px;
	width:100%;
	position:relative;}
	
.ominaisuudet-wrap {
	width:48%;
    height:380px;}
	
.ominaisuudet-grid {
    margin-top:50px;}
	
.ominaisuuslistaus-all-wrap {
	width:70%;}
	
.ominaisuuslistaus-all-osio {
	float:none;
	width:100%;
	text-align:center;}
	
.arvomaailma-text {
	padding-left:15%;
	padding-right:15%;
	float:none;
	width:100%;}
	
.arvomaailma-img {
	float:none;
	height:400px;
	width:100%;
	position:relative;}
	
.principle-wrap {
	width:48%;
    height:300px;}
	
.principle-grid {
    margin-top:50px;}
	
.liity-text {
	padding-left:15%;
	padding-right:15%;
	float:none;
	width:100%;
	text-align: center;}
	
.liity-img {
	overflow:auto;
	float:none;
	padding-top:10%;
	padding-bottom:10%;
	width:100%;
	position:relative;}
	
.hintatiedot {
	float:none;
	width:100%;
	text-align: left;}
	
.hintatiedot-text {
	width:75%;
	}
	
.hinnasto-kuva {
	overflow:auto;
	float:none;
	height:300px;
	width:100%;
	position:relative;}
	
.palveluketju {
	width:100%;
	float:none;
	padding-bottom:15%;}
	
.stores {
	width:55%;}
	
.yhteys {
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:10%;
	padding-top:10%;}
	
.hinnasto-parent {
	display:flex;
	flex-flow: column;
	align-content: center;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;}
	
.hinnasto {
	display:flex;
	flex: auto;
	margin:auto;
	overflow:auto;
	width:100%;
	flex-direction:row;
	}
}
	
	


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

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

	
.topbanner-text {
    width:85%;}
    
.new-text {
    padding-left:7.5%;
    padding-right:7.5%;
    text-align:center;}
    
.ominaisuudet-text {
    padding-left:7.5%;
    padding-right:7.5%;
    text-align:center;}	
	
.kokonaisuus-text {
    width:90%;}
    
footer {
    padding-top:15%;}
    
.ominaisuudet-1-text{
    width:100%;
    padding-left:7.5%;
    padding-right:7.5%;
    padding-top:15%;}
    
.ominaisuudet-2-text{
    width:100%;
    padding-left:7.5%;
    padding-right:7.5%;}
    
.ominaisuudet-3-text{
    width:100%;
    padding-left:7.5%;
    padding-right:7.5%;}
    
.ominaisuudet {
    padding-top:15%;
    padding-bottom:10%;}
    
.ominaisuudet-wrap {
    width:100%;
    height:300px;}
	
.ominaisuuslistaus-all-wrap {
	width:85%;}	
    
.arvomaailma-text{
    width:100%;
    padding-left:7.5%;
    padding-right:7.5%;}
    
.principles {
    padding-top:15%;
    padding-bottom:10%;}
    
.principle-wrap {
    width:100%;
    height:300px;}
    
.liity-text{
    width:100%;
    padding-left:7.5%;
    padding-right:7.5%;}
    
.hintatiedot {
    padding-top:10%;
    padding-bottom:10%;}
    
.hintatiedot-text {
    width:85%;
    text-align:center;}
    
.palveluketju {
    padding-top:10%;}
    
.palveluketju-text {
    width:85%;
    text-align:center;}
	
.stores {
	width:75%;}	
		
}

@media screen and (max-width: 580px){}