main {
  padding-bottom: 222px;
  position: relative;
}

.bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 863px;
  z-index: -1;
  background-size: cover;
  background-position: center;
}

.logo-box.roda {
  margin: 0 auto;
  display: none;
  background-image: url(../img/roda-logo-2.png);
  background-position: center;
  background-repeat: no-repeat;
}

.box {
  position: relative;
  color: #111111;
}

.box .descript {
  line-height: 25px;
}

.box .descript p {
  margin-bottom: 30px;
}

.small-logo-box {
  position: absolute;
  bottom: -200px;
  right: 0px;
  display: flex;
  min-width: 232px;
  height: 232px;
  background-position: center;
  background-repeat: no-repeat;
}

.small-logo-box svg {
  width: 100px;
  fill: #111111;
}

@media (min-width: 576px) {
  .bg {
    display: block;
  }
  .boxes {
    padding-top: 130px;
  }
  .logo-box.roda {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .box {
    padding: 120px 90px 100px 90px;
  }
  .box.grey {
    background-color: #e1e1e1;
    color: #111111;
  }
  .box.black {
    background-color: #000000;
    color: #ffffff;
  }
}

@media screen and (min-width: 992px) {
  .small-logo-box {
    right: -116px;
    bottom: -116px;
    background-color: #f5f5f5;
  }
}
/*# sourceMappingURL=about.css.map */