body {
    font-family: arial;
}

.container {
  position:absolute;
  color:#fff;
  top: 25px;
  left:0;
  right:0;
  bottom:0;
  margin: auto;
  padding:15px;
  width:300px;

}

.logo{
    width: 300px;
    margin-bottom: 25px;
}

.logo > img{
    width:100%;
}

.werkzaamheden {
    text-align: center;
    color: #766653;
}

.werkzaamheden > p {
    margin: 0;
}

.information {
    position: relative;
    padding: 75px 15%;
    background-color: #766653;
}

.information:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 55px solid #ffffff;
    -moz-transform: scale(0.999);
    -webkit-backface-visibility: hidden;
}

.information:after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 55px solid #ffffff;
    -moz-transform: scale(0.999);
    -webkit-backface-visibility: hidden;
}

footer {
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    text-align: center;
}