*{
  margin:0;
  padding:0;
}

html,
body{
  height:100%;
  width:100%;
  min-height:100vh;
}

.logo-bar{
  width:100%;
  height:160px;
  background-color:#fff;
}
@media all and (max-width:680px){
  .logo-bar{
    height:80px;
  }
}

  .logo-bar .logo{
    margin:0 auto;
    width:536px;
    height:150px;
    top:24px;
    position:relative;
    background-image: url('/public/image/todayenergy.svg');
    background-repeat:no-repeat;
    background-size:contain;
  }

  @media all and (max-width:680px){
    .logo-bar .logo{
      top:10px;
      width:260px;
      height:75px;
    }
  }

.image{
  display:block;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-image: url('/public/image/zeeman-zonnepanelen.jpg');
  height:calc(100vh - 160px);
  width:100%;
}

@media all and (max-width:680px){
  .image{
    height:calc(100vh - 80px);
  }
}