* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
}

.title-text {
  color: black;
  font-size: 6rem;
  font-weight: 700;
  overflow-wrap: break-word;
  letter-spacing: 4px;
}
.title-text span {
  font-size: 7rem;
}

video {
  max-width: 100%;
  max-height: 568px;
  cursor: pointer;
}

.images-title {
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 4rem;
}

.images {
  -moz-column-count: 4;
       column-count: 4;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 10px;
  display: inline-block;
  margin-bottom: 50px;
}
.images .item {
  width: 100%;
  display: inline-block;
  float: left;
  background: transparent;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.images .item img {
  height: auto;
  width: 100%;
  vertical-align: middle;
  border: 1px solid #ddd;
}

@media only screen and (max-width: 992px) {
  .title-text {
    font-size: 4.5rem;
  }
  .title-text span {
    font-size: 5.5rem;
  }
  .images {
    -moz-column-count: 3;
         column-count: 3;
  }
  video {
    max-height: 400px;
  }
}
@media only screen and (max-width: 576px) {
  .title-text {
    font-size: 3rem;
  }
  .title-text span {
    font-size: 4.5rem;
  }
  .images {
    -moz-column-count: 2;
         column-count: 2;
  }
  .images-title {
    font-size: 3rem;
  }
  video {
    max-height: 300px;
  }
}/*# sourceMappingURL=style.css.map */