* {
  box-sizing: border-box;
}

/* Mobile */
@media (max-width: 500px) {

body {
  display:flex;
  width:100%;
  margin:0;
  padding:0;
  background-color:#c9cbcc;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

#container {
  width:100%;
  }

#header {
  display:flex;
  width:100%;
  height:50px;
  margin-top:40px;
  background: url("/images/tukkapysakki_logo.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#linkit {
  display:flex;
  position:fixed;
  width:100%;
  height:30px;
  z-index:100;
  margin-top:-40px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#c9cbcc;
  }
  
#link {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  font-family:arial;
  font-size:13px;
  }
  
#space {
  display:block;
  width:auto;
  }
  
a:link {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  }
  
a:hover {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  }
  
a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  }
  
a:active {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  }
  

	

  
#content_front {
  display:block;
  position:relative;
  width:100%;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:0px;
  }
  
#content_front_kuva {
  display:block;
  position:relative;
  width:100%;
  min-height:300px;
  max-height:337px;
  background: url("/images/tukkapysakki_ikkuna.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#content_front_yhttied {
  text-align:center;
  }

#content_palvelut {
  display:block;
  position:relative;
  width:100%;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }

#content_hinnasto {
  display:block;
  position:relative;
  width:100%;
  background-color:#c9cbcc;
  color:#545454;
  border-top:20px solid #c9cbcc;
  border-right:10px solid #c9cbcc;
  border-left:10px solid #c9cbcc;
  border-bottom:20px solid #c9cbcc;
  margin-top:20px;
  }
  
table {
  width: 100%;
  font-size:13px;
}

.tuote {
  text-align: left;
  width:70%;
  padding:3px;
}

.hinta {
  text-align: left;
  width:30%;
  padding:3px;
}

th {
  text-align:left;
  padding-left:10px;
  line-height:20px;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

tr:nth-child(even) {
  background-color: #e5e5e5;
}

.alv {
  margin-top:20px;
  text-align:center;
  font-size:11px;
  }

#content_henkilokunta {
  display:block;
  position:relative;
  width:100%;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }
  
#content_henkilokunta_sanna {
  display:block;
  position:relative;
  width:100%;
  min-height:366px;
  background: url("/images/parturi_kampaaja_sanna_toivonen.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  margin-bottom:20px;
  }
  
.nimi {
  text-align:center;
  }
  
#content_yhteystiedot {
  display:block;
  position:relative;
  width:100%;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:20px;
  }
  
#kartta {
  display:block;
  position:relative;
  width:100%;
  height:250px;
  border:0;
  margin:0;
  padding:0;
  }
  
#content_yhteystiedot h4 {
  margin-bottom:10px;
  }
  
#content_yhteystiedot p {
  margin-top:0;
  }
  
#bottom {
  display:block;
  position:relative;
  width:100%;
  height:40px;
  }
  
#bottom {
  z-index:90;
  display:block;
  position:relative;
  width:100%;
  height:40px;
  background-color:#e5e5e5;
  color:#545454;
  font-family:verdana;
  font-size:11px;
  text-align:center;
  border-top:20px solid transparent;
  }
  
#footer {
  z-index:100;
  display:block;
  position:fixed;
  background-color:#c9cbcc;
  width:30px;
  height:30px;
  bottom:20px;
  right:20px;
  background-image: url("/images/link_to_top.png");
  background-repeat:no-repeat;
  background-position:center;
  opacity:0.4; 
  }

  }



/* Tablet */
@media (min-width: 501px) and (max-width:800px) {
  
body {
  display:flex;
  width:100%;
  margin:0;
  padding:0;
  background-color:#e5e5e5;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

#container {
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#c9cbcc;
  margin-left:auto;
  margin-right:auto;
  }

#header {
  display:flex;
  width:100%;
  max-width:800px;
  height:80px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/logo_iso.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#linkit {
  display:flex;
  position:fixed;
  width:100%;
  max-width:800px;
  height:30px;
  z-index:100;
  margin-top:-40px;
  margin-left:auto;
  margin-right:auto;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#c9cbcc;
  opacity:0.6;
  }
  
#link {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  opacity:1.0;
  }
  
#space {
  display:block;
  width:auto;
  }
  
a:link {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  font-size:15px;
  }
  
a:hover {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  font-size:15px;
  }
  
a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  font-size:15px;
  }
  
a:active {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  font-size:15px;
  }
  

	

  
#content_front {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:0px;
  }
  
#content_front_kuva {
  display:block;
  position:relative;
  width:100%;
  max-width:433px;
  min-height:337px;
  max-height:337px;
  margin-top:30px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/tukkapysakki_ikkuna.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#content_front_yhttied {
  text-align:center;
  }

#content_palvelut {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }

#content_hinnasto {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#c9cbcc;
  color:#545454;
  border-top:20px solid #c9cbcc;
  border-right:10px solid #c9cbcc;
  border-left:10px solid #c9cbcc;
  border-bottom:20px solid #c9cbcc;
  margin-top:20px;
  }
  
table {
  width: 100%;
  font-size:13px;
}

.tuote {
  text-align: left;
  width:70%;
  padding:3px;
}

.hinta {
  text-align: left;
  width:30%;
  padding:3px;
}

th {
  text-align:left;
  padding-left:10px;
  line-height:20px;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

tr:nth-child(even) {
  background-color: #e5e5e5;
}

.alv {
  margin-top:20px;
  text-align:center;
  font-size:11px;
  }

#content_henkilokunta {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }
  
#content_henkilokunta_sanna {
  display:block;
  position:relative;
  width:100%;
  max-width:366px;
  min-height:366px;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/parturi_kampaaja_sanna_toivonen.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  margin-bottom:20px;
  }
  
.nimi {
  text-align:center;
  }
  
#content_yhteystiedot {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:20px;
  }
  
#kartta {
  display:block;
  position:relative;
  width:100%;
  max-width:760px;
  height:250px;
  border:0;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  padding:0;
  }
  
#content_yhteystiedot h4 {
  margin-bottom:10px;
  }
  
#content_yhteystiedot p {
  margin-top:0;
  }
  
  #bottom {
  z-index:90;
  display:block;
  position:relative;
  width:100%;
  height:40px;
  background-color:#e5e5e5;
  color:#545454;
  font-family:verdana;
  font-size:11px;
  text-align:center;
  border-top:20px solid transparent;
  }
  
#footer {
  z-index:100;
  display:block;
  position:fixed;
  background-color:#c9cbcc;
  width:30px;
  height:30px;
  bottom:20px;
  right:20px;
  background-image: url("/images/link_to_top.png");
  background-repeat:no-repeat;
  background-position:center;
  opacity:0.4;
  }
  
  }
  
  
  /* Desktop */
@media (min-width: 801px) {
  
body {
  display:flex;
  width:100%;
  margin:0;
  padding:0;
  background-color:#e5e5e5;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

#container {
  position:relative;
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#c9cbcc;
  }

#header {
  display:flex;
  width:100%;
  max-width:800px;
  height:80px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/logo_iso.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#linkit {
  display:flex;
  position:fixed;
  width:100%;
  max-width:800px;
  height:30px;
  z-index:100;
  margin-top:-40px;
  margin-left:auto;
  margin-right:auto;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#c9cbcc;
  }
  
#link {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  }
  
#space {
  display:block;
  width:auto;
  }
  
a:link {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  font-size:15px;
  }
  
a:hover {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  font-size:15px;
  }
  
a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  font-size:15px;
  }
  
a:active {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  font-size:15px;
  }
  

	

  
#content_front {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:0px;
  }
  
#content_front_kuva {
  display:block;
  position:relative;
  width:100%;
  max-width:433px;
  min-height:337px;
  max-height:337px;
  margin-top:30px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/tukkapysakki_ikkuna.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#content_front_yhttied {
  text-align:center;
  }

#content_palvelut {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }

#content_hinnasto {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#c9cbcc;
  color:#545454;
  border-top:20px solid #c9cbcc;
  border-right:10px solid #c9cbcc;
  border-left:10px solid #c9cbcc;
  border-bottom:20px solid #c9cbcc;
  margin-top:20px;
  }
  
table {
  width: 100%;
  font-size:13px;
}

.tuote {
  text-align: left;
  width:70%;
  padding:3px;
}

.hinta {
  text-align: left;
  width:30%;
  padding:3px;
}

th {
  text-align:left;
  padding-left:10px;
  line-height:20px;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

tr:nth-child(even) {
  background-color: #e5e5e5;
}

.alv {
  margin-top:20px;
  text-align:center;
  font-size:11px;
  }

#content_henkilokunta {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }
  
#content_henkilokunta_sanna {
  display:block;
  position:relative;
  width:100%;
  max-width:366px;
  min-height:366px;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/parturi_kampaaja_sanna_toivonen.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  margin-bottom:20px;
  }
  
.nimi {
  text-align:center;
  }
  
#content_yhteystiedot {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:20px;
  }
  
#kartta {
  display:block;
  position:relative;
  width:100%;
  max-width:760px;
  height:250px;
  border:0;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  padding:0;
  }
   
#content_yhteystiedot h4 {
  margin-bottom:10px;
  }
  
#content_yhteystiedot p {
  margin-top:0;
  }
  
#bottom {
  z-index:90;
  display:block;
  position:relative;
  width:100%;
  height:40px;
  background-color:#e5e5e5;
  color:#545454;
  font-family:verdana;
  font-size:11px;
  text-align:center;
  border-top:20px solid transparent;
  }

  #footer {
  display:block;
  position:fixed;
  background-color:#c9cbcc;
  width:40px;
  height:40px;
  bottom:30px;
  right:30px;
  background-image: url("/images/link_to_top.png");
  background-repeat:no-repeat;
  background-position:center;
  opacity:0.8;
  }
  
}

  /* Desktop */
@media (min-width: 1300px) {
  
body {
  display:flex;
  width:100%;
  margin:0;
  padding:0;
  background-color:#e5e5e5;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

#container {
  position:relative;
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#c9cbcc;
  }

#header {
  display:flex;
  width:100%;
  max-width:800px;
  height:80px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/logo_iso.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#linkit {
  display:flex;
  position:fixed;
  width:100%;
  max-width:800px;
  height:30px;
  z-index:100;
  margin-top:-40px;
  margin-left:auto;
  margin-right:auto;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#c9cbcc;
  }
  
#link {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  }
  
#space {
  display:block;
  width:auto;
  }
  
a:link {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  font-size:15px;
  }
  
a:hover {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  font-size:15px;
  }
  
a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#A75E35;
  font-size:15px;
  }
  
a:active {
  font-weight:bold;
  text-decoration:none;
  color:#6fcf47;
  font-size:15px;
  }
  

	

  
#content_front {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:0px;
  }
  
#content_front_kuva {
  display:block;
  position:relative;
  width:100%;
  max-width:433px;
  min-height:337px;
  max-height:337px;
  margin-top:30px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/tukkapysakki_ikkuna.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  }
  
#content_front_yhttied {
  text-align:center;
  }

#content_palvelut {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }

#content_hinnasto {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#c9cbcc;
  color:#545454;
  border-top:20px solid #c9cbcc;
  border-right:10px solid #c9cbcc;
  border-left:10px solid #c9cbcc;
  border-bottom:20px solid #c9cbcc;
  margin-top:20px;
  }
  
table {
  width: 100%;
  font-size:13px;
}

.tuote {
  text-align: left;
  width:70%;
  padding:3px;
}

.hinta {
  text-align: left;
  width:30%;
  padding:3px;
}

th {
  text-align:left;
  padding-left:10px;
  line-height:20px;
  font-family:Verdana;
  color:#545454;
  font-size:16px;
  }

tr:nth-child(even) {
  background-color: #e5e5e5;
}

.alv {
  margin-top:20px;
  text-align:center;
  font-size:11px;
  }

#content_henkilokunta {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  background-color:#686868;
  color:#e5e5e5;
  border:20px solid #686868;
  margin-top:20px;
  }
  
#content_henkilokunta_sanna {
  display:block;
  position:relative;
  width:100%;
  max-width:366px;
  min-height:366px;
  margin-left:auto;
  margin-right:auto;
  background: url("/images/parturi_kampaaja_sanna_toivonen.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  margin-bottom:20px;
  }
  
.nimi {
  text-align:center;
  }
  
#content_yhteystiedot {
  display:block;
  position:relative;
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#c9cbcc;
  color:#545454;
  border:20px solid #c9cbcc;
  margin-top:20px;
  }
  
#kartta {
  display:block;
  position:relative;
  width:100%;
  max-width:760px;
  height:250px;
  border:0;
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  padding:0;
  }
   
#content_yhteystiedot h4 {
  margin-bottom:10px;
  }
  
#content_yhteystiedot p {
  margin-top:0;
  }
  
#bottom {
  z-index:90;
  display:block;
  position:relative;
  width:100%;
  height:40px;
  background-color:#e5e5e5;
  color:#545454;
  font-family:verdana;
  font-size:11px;
  text-align:center;
  border-top:20px solid transparent;
  }
  

  #footer {
  z-index:100;
  display:block;
  position:fixed;
  background-color:#c9cbcc;
  width:40px;
  height:40px;
  bottom:30px;
  right:20%;
  background-image: url("/images/link_to_top.png");
  background-repeat:no-repeat;
  background-position:center;
  opacity:0.8;
  }
  
}