html {
  height: 100%;
}

body {
  height: 100%;
  min-height: 35rem;
  position: relative;
  font-family: 'Open Sans';
  font-weight: 300;
  background: -webkit-linear-gradient(90deg, rgba(51, 51, 51, 0.8) 0%, rgba(0, 0, 0, 0.576) 100%), url("../img_temp/pattern.png") #333 repeat top left/auto 600px;
  background: linear-gradient(90deg, rgba(51, 51, 51, 0.8) 0%, rgba(0, 0, 0, 0.576) 100%), url("../img_temp/pattern.png") #333 repeat top left/auto 600px;
  overflow: hidden;
}
.container-fluid{
  padding-left:0px;
  padding-right:0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans';
  font-weight: 300;
}
p {
  font-family: 'Open Sans';
  margin-bottom: 1.8rem;
}
h1{
  font-size: 3vw;
}
h1 span{
  font-size: 4vw;
}
.txt_translation{
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.4vw;
}
.button{
  background-color: white;
  border: none;
  border-radius: 0px;
  padding: 10px 20px;
  font-size: 10px;
  color: #333;  
}

.button:hover{
  background-color: #222;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease-out;
}


#logo{
  background: url("../img_temp/logo_jero.svg") transparent no-repeat top left;
  background-size: auto 11vh;
  width: 11vw;
  height: 11vh;
  position: absolute;
  top: 9%;
  left: 9%;
}
#bg_jero{
  background: url("../img_temp/facas_teaser_00.png") transparent no-repeat center left;
  background-size: auto 700px;
  
}

@media (min-width: 1450px) {
  
  #bg_jero{
    background-size: auto 1000px;
    
  }
  
}
@media (max-width: 576px) {
  .mobile-bg{
    background: url("../img_temp/facas_teaser_mobile_00.png") transparent no-repeat -70px bottom/467px auto;
  }
  #logo{
    background: url("../img_temp/logo_jero.svg") transparent no-repeat top left;
    background-size: auto 90px;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 10%;
    left:0;
right:0;
margin-left:auto;
margin-right:auto;
  }
  h1{
    font-size: 34px;
    text-align: center;
  }
  h1 span{
    font-size: 41px;
  }
  .txt_translation{
    text-align: center;
    font-size: 14px;
  }
  .inner_content{
    text-align: center;
  }
  

}