body {
  height: 100%;
  background: url('../images/bg(4).jpg') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  background-attachment: fixed;
  font: 400 1.875em/1.38 Montserrat;
  color: #ffffff;
}

.base {
  width: 1000px;
  height: 784px;
  margin: 0 auto;
  padding: 20px;
}

.element {
  float: left;
  clear: both;
  width: 9.2708333333%;
  height: 136px;
  margin-top: 76px;
  background-color: #1c6063;
}

.image {
  display: block;
  float: left;
  width: 89px;
  height: auto;
  margin-top: 56px;
  overflow: hidden;
}

.text {
  float: left;
  clear: both;
  letter-spacing: 1px;
}

.text-2 p {
  margin-bottom: 1em;
}

.text-1 {
  width: 33.125%;
  min-height: 34px;
  margin-top: 136px;
  font-size: 0.467em;
  color: rgb(255, 255, 255);
}

.text-2 {
  width: 800px;
  min-height: 445px;
  margin-top: 148px;
  font-size: 1em;
  color: #ffffff;
}

.text a,
.text em,
.text span,
.text strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: #655544;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text a:hover,
.text em:hover,
.text span:hover,
.text strong:hover {
  color: #827161;
}

@media(max-width: 992px) {
  .base {
    width: 780px;
  }

  .base .element {
    margin-top: 37px;
    margin-left: -1.88767%;
  }

  .base .image {
    height: auto;
    margin-top: 55px;
    margin-left: -2.69848%;
  }

  .base .text {
    margin-left: -2.69848%;
  }

  .base .text-1 {
    width: 41.3513513513%;
    margin-top: 134px;
  }

  .base .text-2 {
    width: 780px;
    margin-top: 157px;
  }
}

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

  .base {
    width: 694px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .base .element {
    margin-top: 30px;
    margin-left: 0;
  }

  .base .image {
    height: auto;
    margin-top: 56px;
    margin-left: 0;
  }

  .base .text {
    margin-left: 0;
  }

  .base .text-1 {
    width: 80%;
    margin-top: 136px;
  }

  .base .text-2 {
    width: 694px;
    margin-top: 148px;
  }
}

@media(max-width: 680px) {
  .base {
    width: 620px;
  }

  .base .element {
    margin-top: 46px;
    margin-left: 1.03075%;
  }

  .base .image {
    height: auto;
    margin-top: 54px;
  }

  .base .text-1 {
    margin-top: 96px;
  }

  .base .text-2 {
    width: 620px;
    margin-top: 83px;
  }
}

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

  .base,
  .base .text-2 {
    width: 496px;
  }

  .base .element {
    margin-top: 35px;
    margin-left: 0;
  }

  .base .image {
    height: auto;
  }
}

@media(max-width: 480px) {
  .base {
    width: 89.7826086956%;
  }

  .base .element {
    margin-top: 53px;
  }

  .base .image {
    height: auto;
    margin-top: 56px;
  }

  .base .text-1 {
    width: 100%;
    margin-top: 100px;
  }

  .base .text-2 {
    width: 406px;
    margin-top: 63px;
    margin-left: 0.11965%;
  }
}

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

  .base .element {
    margin-top: 34px;
    margin-left: 0.02024%;
  }

  .base .image {
    height: auto;
  }

  .base .text-2 {
    width: 377px;
    margin-left: 0.02024%;
  }
}

@media(max-width: 390px) {
  .base {
    width: 87.5%;
  }

  .base .element {
    margin-top: 37px;
    margin-left: 0;
  }

  .base .image {
    height: auto;
  }

  .base .text-2 {
    width: 100%;
    margin-top: 74px;
    margin-left: 0;
  }
}

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

  .base {
    width: 93.125%;
  }

  .base .element {
    margin-top: 45px;
    margin-left: 2.00818%;
  }

  .base .image {
    height: auto;
    margin-left: 2.00818%;
  }

  .base .text {
    margin-left: 2.00818%;
  }

  .base .text-1 {
    width: 95.3020134228%;
    margin-top: 80px;
  }

  .base .text-2 {
    width: 284px;
    margin-top: 48px;
  }
}