@font-face {
  font-family: "Heavitas";
  src: url(/assets/www/Heavitas-c17571a9b6da87bc6613abbb38892343c5c3971ae9b6d7be0b14b9fbd2cd8607.ttf) format("opentype"); }

.heavitas {
  font-family: 'Heavitas'; }

.title-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fffef2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.brand {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }

.name {
  text-align: center; }

.spot {
  font-size: 10vw;
  color: #33a911;
  filter: drop-shadow(1px 2px 4px #33a911); }
  @media (max-width: 1200px) {
    .spot {
      font-size: 15vw; } }
  @media (max-width: 700px) {
    .spot {
      font-size: 15vw; } }
.linkr {
  font-size: 10vw;
  color: #0b1b6f;
  filter: drop-shadow(1px 2px 4px #0b1b6f); }
  @media (max-width: 1200px) {
    .linkr {
      font-size: 15vw; } }
  @media (max-width: 700px) {
    .linkr {
      font-size: 15vw; } }
.subtitle {
  width: 100%;
  color: #ABABAB;
  font-size: 2.43vw;
  margin-bottom: 15vh; }
  @media (max-width: 1200px) {
    .subtitle {
      font-size: 3.65vw; } }
  @media (max-width: 700px) {
    .subtitle {
      font-size: 3.65vw; } }
.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 30px;
  column-gap: 30px;
  padding-left: 20px;
  padding-right: 20px; }
  .buttons .button {
    background: red;
    padding: 12px 15px 10px 15px;
    text-decoration: none;
    border-radius: 4px;
    color: whitesmoke;
    filter: drop-shadow(2px 4px 6px black); }
    .buttons .button:hover {
      filter: drop-shadow(2px 4px 6px black) brightness(1.1); }
    @media (max-width: 564px) {
      .buttons .button {
        width: 100%; } }
  .buttons .demo {
    background: #0b1b6f; }
  .buttons .contact {
    background: #33a911; }