html, body {
  margin: 0px;
  padding: 0px;
  text-align: left;
  background: #4affab; <!--#eaee49; #E0F0E3;-->
}

h1 {
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  font-size: 30px;
  margin-left: 30%;
  margin-right: 10%;
}

img {
  width: 25%;
  margin: 12% 0 0 23%;
  margin-bottom: 5px;

}
/*MEDIA QUERIES*****************/
/*TABLET*/
@media screen and (max-width: 1042px) {

img {
  width: 30%;
  margin: 15% 0 0 22%
}
h1 {
font-size: 28px;
margin-left: 31%;
}
/*MOBIL*/
@media screen and (max-width: 480px) {
  img {
    width: 55%;
    margin: 30% 0 0 20%;
  }
  h1 {
  font-size: 18px;
  margin-left: 27%;
  }
}