html {
  background-image:url(img/back.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position:top center;
  background-attachment: fixed;
}

.fb_iframe_widget iframe {
  position:relative;
}

#sivu_otsikko {
  margin: 0 !important;
}

.info h2 {
  font-family: Century Gothic, sans-serif !important;

}

#top {
  background:rgba(255,255,255,0.4);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-position:top center;
  background-attachment: fixed;
  font-family: Century Gothic, sans-serif !important;
}

h1 {
  font-family: Century Gothic, sans-serif !important;
}

#index_page {
  font-size: 22px;
  padding: 10px !important;
}

.mh p {
  background:rgba(0,0,0,0.0);

}

#logo {
    margin: 0px !important;
    background-color: transparent !important;
    background-size: 100%;
    height: 150px;
    padding: 0px !important;
}

#logo img {
  padding: 0px !important;
  margin: 0px !important;
  width:100%;
  height:auto;
}

@media screen and (min-width: 991px) {
  html {padding-right: 100px; padding-left: 100px;}
}

@media screen and (min-width: 401px) and (max-width: 2024px) {
  #xstuote { display: none; }   /* hide it elsewhere */
}

      /* Only Mobile */
@media screen and (min-width: 0px) and (max-width: 991px) {
   {background:rgba(255,255,255,0.1) !important; }
}

      /* 0px to 300px */
@media screen and (min-width: 0px) and (max-width: 300px) {
  #logo {height: 60px !important;}
}

      /* 301px to 500px */
@media screen and (min-width: 301px) and (max-width: 500px) {
  #logo {height: 60px !important;}
}

      /* 501px to 700px */
@media screen and (min-width: 501px) and (max-width: 700px) {
  #logo {height: 90px !important;}
}

      /* 701px to 900px */
@media screen and (min-width: 701px) and (max-width: 900px) {
  #logo {height: 100px !important;}
}

      /* 901px to 1100px */
@media screen and (min-width: 901px) and (max-width: 1100px) {
  #logo {height: 110px !important;}
}

      /* 1101px to 1300px */
@media screen and (min-width: 1101px) and (max-width: 1300px) {
  #logo {height: 130px !important;}
}

      /* 1301px to 1500px */
@media screen and (min-width: 1301px) and (max-width: 1500px) {
  #logo {height: 140px !important;}
}

      /* 1501px to 1700px */
@media screen and (min-width: 1501px) and (max-width: 1700px) {
  #logo {height: 150px !important;}
}

      /* 1701px to 1800px */
@media screen and (min-width: 1701px) and (max-width: 1800px) {
  #logo {height: 200px !important;}
}

      /* 1801px to 1900px */
@media screen and (min-width: 1801px) and (max-width: 1900px) {
  #logo {height: 240px !important;}
}

      /* 1901px to 2000px */
@media screen and (min-width: 1901px) and (max-width: 2000px) {
  #logo {height: 260px !important;}
}

      /* 2001px to 2100px */
@media screen and (min-width: 2001px) and (max-width: 2100px) {
  #logo {height: 240px !important;}
}

      /* 2101px to 2200px */
@media screen and (min-width: 2101px) and (max-width: 2200px) {
  #logo {height: 260px !important;}
}

      /* 2201px to 2300px */
@media screen and (min-width: 2201px)  {
  #logo {height: 300px !important;}
}

.maps {
  margin-right: 200px;
  border-radius: 25px;
}

.row h2 {
  font-family: Century Gothic, sans-serif !important;
  font-size: 30px;
}

.sales h2 {
  font-family: Century Gothic, sans-serif !important;
}

.history h2 {
  font-family: Century Gothic, sans-serif !important;
}

.hidden-xs h1 {
  margin: 0 !important
}

#sivu_otsikko {
    margin-top: 0px !important;
}

#sivu_otsikko h2 {
  font-family: Century Gothic, sans-serif !important;
  font-weight: bold;
  margin-top: 0px !important;
  /*margin-left: 150px;*/
  margin-right: 150px;
}

#sivu_otsikko h3 {
    font-family: Century Gothic, sans-serif !important;
    font-size: 28px;
}

#sivu_otsikko p {
    font-size: 15px;

}

.history p {
    font-size: 22px;

}

#yhteystiedot {
  padding: 0px !important;
}

#yhteystiedot p {
    font-size: 22px;
    background-color: 255,255,255,0.1;

}

.row p {
    font-size: 22px;

}

.mh {
  margin: 10px !important;
}

.sales .container .col-md-8 {
  padding-left: 0px !important;
}

#yhteystietopalkki {
    font-family: Century Gothic, sans-serif !important;
    background-image: url(img/alatausta.png) !important;
    font-size: 17px !important;
    margin-left: -200px;
    margin-right: -200px;
    padding-top: 10px;
}

#index_page img {
  padding-bottom: 20px;
}

ul  {
    list-style-type: none;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    background-color: #33ccff;

}

article, aside, figure, footer, header, hgroup, nav, section {
  display:block;

}

li {
    float: left;
    font-size: 22px;


}

#xstuote img {
  background-size: 100% 100%;
  width: 90%;
}

#fbicon a {
  margin-top: -5px;
  margin-left: -5px;
  padding-right: 10px !important;
}

li a {
    display: block;
    color: black;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 16px;
    padding:right: 16px;
    text-decoration: none;
}

li #nofb:hover  {
    #slideshow_container
    { height: 300px;
      background: #00CCFF;
      padding-top: 20px;
      padding-bottom: 10px;
    }
}

#otsikko {
  padding-top: 25px;
}

#copyright {
  margin-top: 10px !important;
  font-size: 18px !important;
}

#facebook {
    padding-top: 16px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}

#slides {
  width: 100%;
  height: auto;
}