html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0; /* bottom = footer height */
    overflow-x:hidden;
    color:white;

}
html { 
  background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.contact {
  text-align:center;
  padding:20px;
}
#contact .description {
   top:50%!important;
}
.contact a {
  font-size:2em;
  font-family: 'Open Sans', sans-serif;
  color:white;
  text-decoration: none;
}
a {
  color:white;
  text-decoration: none;
}
a:hover {
   color:cyan;
}
.contact a:hover {
  color:cyan;
}
.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 64, 64, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
h2 {
  color:white;
  font-size:2em;
}
.title {
  transition: color 1.0s;
  color:white;
  font-size:4em;
  font-family: 'Open Sans', sans-serif;
}
.nontitle {
  color:white;
  font-size:4em;
  font-family: 'Open Sans', sans-serif;
  cursor:default;
}
.title:hover{
  color:cyan;
  cursor:pointer;
}
main {
  text-align:center;
}
.description {
  position:fixed;
  text-align:left;
  top: 5%;
  max-height:95%;
  overflow-y:auto;
  overflow-x:hidden;
  width:95%;
  left: -50%;
  transform: translate(-50%);
  color:white;

}
.description section {
  height:90%;
  display:block;
  min-height:100px;
  margin-bottom:50px;
  background-color:rgba(0,0,0,0.8);
}


#close {
  display:none;
  width: 100px;
  top:10px;
  left:50%;
  margin-left:-50px;
  position: fixed;
  text-align:center;
  font-size:2em;
  font-family: 'Open Sans', sans-serif;
  color:white;
  cursor:pointer;
  z-index:10;
  border:2px solid white;
  background-color:black;
  padding:2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#close:hover{
  color:cyan;
  border-color:cyan;
}

.description section .left {
  width:100%;
}
.left img {
  width:100%;
  vertical-align:bottom;
  display:block;
}
.description section .right {
  text-align:center;
  padding:10px;
  width:100%;
  white-space:normal;
}
.slider .item {
  margin-right: 0px;
}
.description section > img{
    width:90%;
    background-color:white;
    padding:5%;
  }
@media screen and (min-width: 1250px) {
  .description {
    width:800px;
  }
  .description section {
    display:table;
    width:720px;
  }
   .description section .left {
    display: inline-block;
    width:360px; 
  }
  .description section .right {
    vertical-align:top;
    display: inline-block;
    text-align:left;
    width:340px;
  }
  .slider .item {
    display:inline-block;
    margin-right: 30px;
  }
  .slider .item :last-child{
    margin-right: 0px;
  }
}
.description section:last-child {
  margin-bottom:0px;
}
.category {
  margin-top:40px;
  padding:5px;
  color:white;
  font-size:2em;
  display:block;
  border: 1px solid white;
  white-space: nowrap;
}

.top {
  display:block;
  width:100%;

  border-bottom: 1px solid white;
  padding:10px;
  height:1em;
  background-color:gray;
  vertical-align:middle;
  color:white;
  font-size:1em;
  font-family: 'Open Sans', sans-serif;
}
#knowhow {
  width:100%;
}
.link {
  float:left;
}
.buttons {
  float:right;
}
#logo {
  background: url(../img/logo.png) no-repeat; 
  width:200px;
  height:53px;
  margin-top:100px;
  margin-left:auto;
  margin-right:auto;
}
.slider-container {
  
}
.slider {
 /* margin: auto;
  overflow:hidden;*/
  overflow: hidden;
  white-space: nowrap;
  
  

  /*width:100%;
  text-align: center*/
}


.slider .item:last-child {
  margin-right: 0px!important;
}