/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 10px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 5rem 0 5rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 0rem;
}

/* navigaatio
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fat-nav {
  padding-top: 0px;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero{
	  padding: 8rem 0 10rem;
}

.logo {
  position: relative;
}
.logo {
  position: relative;
  width: 95%;
}
.logo + .logo {
  display: none;
}


/* Tuotteet
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tuotteet {
  background-color:#ff9900;
  background-size: cover;
  color: #123;
  padding-bottom: 5rem;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #fff;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}

.slogan {
   	margin-top: 3rem;
  }

.info {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
	color:#fff;
  }	

/* yhteystiedot
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.yhteys {
  background-color:#f8f8f8;
	border-bottom: 1px solid #eee;
	color: #555555;
}


/* Tuotekuvat
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.kuvat { 
  background-color:#fff;
  background-size: cover;
  color: #123;
  border-bottom: 1px solid #eee;
}

.kuvat .section-description { 
  margin-bottom: 4rem;
}


/* slogan
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slogani {
  background-color:#f8f8f8;
	border-bottom: 1px solid #eee;
	color: #808080;
	font-size: 2.4rem;
}

/* Categories / Info
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories { 
  background-color:#f8f8f8;
  background-size: cover;
  color: #555555;
}
.categories .section-description { 
  margin-bottom: 4rem;
}

/* footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer {
  border-bottom: 1px solid #ddd;
  background-color:#2c2c2c;
  background-size: cover;
	color: #fff;}

	.footer .puh_hinnat { 
  margin-top: 4rem;
		font-size: 0.8em;
		color:#808080;
}




/* Bigger than 600 */
@media (min-width: 600px) {
  .section {
    padding: 8rem 0 10rem;
  }
  .hero {
    padding-bottom: 8rem;
    text-align: center;
    height: 150px;
  }
  .hero-heading {
    font-size: 2.4rem;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 190px;
  }
  .hero-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 12rem 0 12rem;
  }
  .hero {
    padding: 8rem 0;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
	
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 12rem 0 12rem;
  }
  .hero {
    padding: 8rem 0;
  }
  .hero-heading {
    font-size: 3.0rem;
  }
}