@font-face {
  font-family: "RandMono-Thin";
  src: url("/fonts/RandMono-Thin.eot"); /* IE9 Compat Modes */
  src: url("/fonts/RandMono-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/RandMono-Thin.otf") format("opentype"), /* Open Type Font */
    url("/fonts/RandMono-Thin.svg") format("svg"), /* Legacy iOS */
    url("/fonts/RandMono-Thin.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/fonts/RandMono-Thin.woff") format("woff"), /* Modern Browsers */
    url("/fonts/RandMono-Thin.woff2") format("woff2"); /* Modern Browsers */
}

body{
  background-color: #dcddd7;
  font-size: 16px;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  margin-top:0;
}

.svg-A{
  width: 25vw;
  position: fixed;
  top: 2vw;
  left: 2vw;
}

.svg-L{
  width: 25vw;
  position: fixed;
  top: 2vw;
  left: 37.5%;
}

.svg-M{
  width: 25vw;
  position: fixed;
  top: 2vw;
  right: 2vw;
}

p{
  font-family: 'RandMono-Thin'
}

a{
  text-decoration: none;
  color:black;
  border-bottom: 0.4px solid #000;
}

a:hover{
  opacity: 0.6;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  border-bottom: 0;
}

.vertical-center {
  margin: 0;
  position: fixed;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100vw;
}

.center-align{
  text-align: center;
}

.info-wrapper{
  position: fixed;
  bottom: 2vw;
  width: 100vw;
  padding-left: 2vw;
  padding-right: 2vw;
}
.info{
  font-family: 'RandMono-Thin';
  column-count: 3;
}

.ColumnOne {
  column.span: 1;
  break-before: column;
  -webkit-column-break-before: always;
}

.ColumnTwo {
  column.span: 1;
  break-before: column;
  -webkit-column-break-before: always;
}

.ColumnThree {
  column.span: 1;
  break-before: column;
  -webkit-column-break-before: always;
}

/* On screens that are 1200 or less */
@media screen and (max-width: 1200px) {
  .info{
    column-count: 2;
  }
  .ColumnTwo {
    break-before: auto;
    -webkit-column-break-before: auto;
  }

}

/* On screens that are 890 or less */
@media screen and (max-width: 890px) {
  .info{
    column-count: 1;
  }
  .ColumnTwo {
    column.span: 0;
    break-before: auto;
    -webkit-column-break-before: auto;
  }
  .ColumnOne {
    column.span: 0;
    break-before: auto;
    -webkit-column-break-before: auto;
  }

  .ColumnThree {
    column.span: 0;
    break-before: auto;
    -webkit-column-break-before: auto;
  }

  .svg-A{
    width: 30vw;
    position: fixed;
    top: 2vw;
    left: 2vw;
  }

  .svg-M{
    width: 30vw;
    position: fixed;
    top: 2vw;
    right: 2vw;
  }

  .svg-L{
    width: 30vw;
    position: fixed;
    top: 2vw;
    margin: auto;
    left: 35%;
  }

  .vertical-center {
    margin: 0;
    position: fixed;
    top: 40%;
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    width: 100vw;
  }
}