@import url('https://fonts.googleapis.com/css?family=Poppins');
 
 body {
  background: url(/images/hettich_back.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Poppins', sans-serif;
}

.box {
  padding: 25px;
  background-color: white;
  max-width: 600px;
  max-height: 310px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.headerimage {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}

.footero {
  float: left;
  width: 50%;
  color: #bdc3c7;
  padding-bottom: 15px;
  background-color: white;
}

.footero:nth-child(1n+4) {
  padding-bottom: 0px;
}
a:link {
  color:#48b3a1;
}
a:visited {
  color:#415ca5;
}
a:hover {
  color:#65629d;
}
a:active {
  color:#679fb7;
}

@media only screen and (max-width: 550px) {
.footero {
width: 100%;
}
.footero:nth-child(1n+4) {
  padding-bottom: 15px;
}
.box {
max-height: 400px;
}
}