html,
body {
  background-color: #cb2b27;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
}
.view-splash .top-logo {
  padding: 40px 0;
  background-color: white;
}
.view-splash-wrapper {
  border-top: 15px solid #4f5054;
  padding: 40px 0;
}
.view-splash-wrapper__block {
  background-color: #fff;
}
.view-splash__block__img img {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: fit-content;
  vertical-align: bottom;
}
.view-splash .container {
  width: 90%;
  margin: 0 auto;
}
.view-splash .container .text-center {
  text-align: center;
}
.view-splash .container img {
  max-width: 100%;
}
.view-splash .container .row {
  position: relative;
  width: 100%;
}
.view-splash .container .row .col-4 {
  float: left;
  margin: 2%;
}
.view-splash .container .row .col-4 img {
  max-width: 100%;
}
.view-splash .container .row::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 992px) {
  .view-splash .top-logo {
    padding: 100px 0;
  }
  .view-splash-wrapper {
    padding: 200px 0;
  }
  .view-splash .container img {
    max-width: 400px;
  }
  .view-splash .container .row .col-4 {
    width: 29%;
    margin: 0 2%;
  }
}