body {
  background-color: rgb(255, 255, 255);
  font-size: 1em;
}

.containerr1 {
  float: left;
  width: 28.8333333333%;
}

.imageheader {
  display: block;
  float: left;
  width: 500px;
  height: auto;
  margin-left: 5%;
  overflow: hidden;
}

.imagep1 {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.imaget1 {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.containerr1-1 {
  position: relative;
  clear: both;
  z-index: 3;
  margin-left: 5%;
}

.containerr1-2 {
  position: relative;
  z-index: 6;
  margin-left: 1.76563%;
}

.containerr1-3 {
  margin-left: 1.76693%;
}

@media(max-width: 768px) {
  .containerr1 .imagep1,
  .containerr1 .imaget1 {
    height: auto;
  }

  .imageheader {
    width: 400px;
    height: auto;
    margin-left: 4.99878%;
  }

  .containerr1-1 {
    position: relative;
    z-index: 3;
    margin-left: 4.99878%;
  }

  .containerr1-2 {
    position: relative;
    z-index: 6;
    margin-left: 1.76799%;
  }

  .containerr1-3 {
    margin-left: 1.76392%;
  }
}

@media(max-width: 480px) {
  body {
    font-size: 1em;
  }

  .containerr1 {
    width: 90%;
    margin-left: 5%;
  }

  .containerr1 .imagep1 {
    height: auto;
  }

  .containerr1 .imaget1 {
    float: none;
    clear: none;
    width: 50%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .imageheader {
    width: 250px;
    height: auto;
    margin-left: 5%;
  }

  .containerr1 .imagep1-2 {
    position: relative;
    z-index: 5;
  }

  .containerr1 .imaget1-2 {
    position: relative;
    z-index: 4;
  }

  .containerr1-1 {
    position: relative;
    z-index: 3;
  }

  .containerr1-2 {
    position: relative;
    clear: both;
    z-index: 6;
    margin-top: 15px;
  }

  .containerr1-3 {
    clear: both;
    margin-top: 15px;
  }
}