.svg-container {
  background-color: #2e4fa6;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  overflow: hidden;
}
.svg-container svg {
  -o-object-fit: cover;
     object-fit: cover;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  height: 100%;
  /*     width: 100%; */
}
.svg-container svg .tri-7 {
  fill: #2e4fa6;
}
.svg-container svg .tri-6 {
  fill: #2a60b1;
}
.svg-container svg .tri-5 {
  fill: #2670bd;
}
.svg-container svg .tri-4 {
  fill: #2281c8;
}
.svg-container svg .tri-3 {
  fill: #1d92d3;
}
.svg-container svg .tri-2 {
  fill: #19a2df;
}
.svg-container svg .tri-1 {
  fill: #15b3ea;
}

.text-container {
  padding-left: 1rem;
  box-sizing: border-box;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;
  width: 100%;
  -webkit-animation: fadeAndScale 2s ease-in;
          animation: fadeAndScale 2s ease-in;
  color: white;
  font-family: "Rubik", sans-serif;
  /* Medium screens */
  /* Large screens */
}
.text-container h1 {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 500;
  color: white;
  margin: 1rem;
}
.text-container .rwd-line {
  display: block;
  color: white;
}
.text-container .subheader {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  color: white;
  margin: 1rem;
}
@media all and (min-width: 600px) {
  .text-container h1 {
    font-size: 6rem;
    line-height: 5rem;
  }
  .text-container .subheader {
    font-size: 3.5rem;
    line-height: 3.3rem;
  }
}
@media all and (min-width: 800px) {
  .text-container h1 {
    font-size: 7rem;
    line-height: 6rem;
    font-weight: 500;
  }
  .text-container .rwd-line {
    display: inline;
  }
  .text-container h2.subheader {
    font-size: 4rem;
    line-height: 3.7rem;
    font-weight: 500;
  }
}
@-webkit-keyframes fadeAndScale {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeAndScale {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}