html { scroll-behavior: smooth }
body { background-color: #05060a; color: #fff; margin: 0; padding: 0; font-size: 12pt; font-family: 'Montserrat', Tahoma, sans-serif; overflow-x: hidden;}
a:link, a:active, a:visited {color: #fff; text-decoration: none;}

.wrapper {
    width: 75vw;
    margin: auto;
    margin-top: 5vh;
    margin-bottom: 5vh;
    padding: 1em;
}

header {
    text-align: center;
    letter-spacing: .5em;
}

main {
   position: relative;
   background-color: rgba(0d,0d,0d,0d);
   color: #fff; 
   margin: auto;
   letter-spacing: .1em;
   text-align: justify;
   line-height: 1.5em;
   padding: 1vw;
   margin: auto;
   width: 75vw;
   margin-bottom:5vh;

}

main p {
  margin-top: 0;
}

.brand {
  width: 75vw;
  margin: auto;
  margin-top: 1em;
}

header h1 {
  display: none;
}


.live-header {
  display: block;
  width: 100%;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}

section {
  margin: auto;
}

.section-title{
  margin: auto;
  display: block;
  text-align: center;
  color: #fff;
  letter-spacing: .6em;
}

.section-content {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
}

.media {
  width: 400px;
  text-align: left;
  margin: 1em;
  margin-bottom: 2em;
}

.media h3 {
  margin-top:0;
}

.media-wide {
  width: 75vw;
  margin: 1em;
  padding: auto;
}

.media-label {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: auto;
  font-size: .6em;
}

.media-comment {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: auto;
  font-size: 2em;
}

blockquote {
  margin: 0;
  margin-bottom: 1em;
  padding: 1em;
  background-color: hsl(230, 24%, 10%);
  border-radius: 1em;
  quotes: "\201C""\201D""\201C""\2019";
}

blockquote:before {
  color: #fff;
  content: open-quote;
  font-size: 4em;
  line-height: .1em;
  margin-right: 0.25em;
  vertical-align: -.4em;
}

blockquote p {
  display: inline;
}

.quoted {
  display: block;
  margin: 1em;
  text-align: end;
  font-style: italic;
}

.follow-links {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #333;
}

.follow-links li {
  display: inline-block;
  font-size: 1.5em;
  margin: .3em;
  padding: 0;
}

footer {
  text-align: center;
}

hr {
  background-image: linear-gradient(90deg, transparent, white, transparent);
  width: 50vw;  
  border: 0;
  height: 1px;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}
h2 {
  margin: 0;
}

.press {
  width: 100%;
  padding: .5em;
  margin: auto;
  border-radius: 25px;
}