.contact-shadow {

  margin-top: 1em;
  background: black;
  border: solid 1px #FFF;

  clip-path: polygon(
    0 10px,
    10px 0,
    calc(100% - 10px) 0,
    100% 10px,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    10px 100%,
    0% calc(100% - 10px),
    0% 10px);
}

.contact {
  margin: -1px;
  width: calc(100% - 41px);
  display: inline-block;
  padding: 20px;
  border: dashed 1.5px #000;/*optional*/
  border-style: dashed;
  border-image-source: url("../../icons/border3.png");
  border-image-slice: 2;
  border-image-repeat: round;
  background: white;


  clip-path: polygon(
    0 11.5px,
    11.5px 0,
    calc(100% - 11.5px) 0,
    100% 11.5px,
    100% calc(100% - 11.5px),
    calc(100% - 11.5px) 100%,
    11.5px 100%,
    0% calc(100% - 11.5px),
    0% 11.5px);
}

.contact {
  position: relative;
}

.ascii {
  margin-bottom: 2em;
  font-family: "SoSMono";
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 300;
  white-space: pre;
}

.contact::before {
  content: "";
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: black;
  top: 23px;
  left: 37%;
}

.contact::after {
  content: "";
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: black;
  top: 23px;
  right: 37%;
}

.contact .text ul > li {
    list-style: none;
}
.contact ul {
  margin-left: 0rem;
}

.contact .h1, .text h2, .text blockquote {
  text-transform: uppercase;
  font-size: 16px;
}
.contact h2.h2 {
  font-size: 16px;
}

.text blockquote footer {
  padding-top: .5em;
  text-transform: initial;
  font-size: 16px;
  font-style: normal;
}

.contact .h1 {
  margin-bottom: 1.5rem;
}
text, p {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}


.text h3 {
  font-variant-caps: all-small-caps;
  color: black;
  padding-bottom: .2em;
}
.text h3::before {
  content:"[ ";
}
.text h3::after {
  content:" ]";
}
.credits {
  margin-top: 4em;
}
.credits .text li {
  list-style: none;
  display: inline-block;
}
.credits .text ul, .credits .text ol {
  margin-left: 0rem;
}