body {
    background-color: #F7F7F7;
    color: #525252;    
    font-family: 'Quicksand', 'Helvetica', 'Arial', 'Sans-Serif';
    font-size: 11px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #d9364e #fff;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  background: #d9364e;
  border: 1px solid #fff;
  border-radius: 10px;
}

*:hover::-webkit-scrollbar-thumb {
  background: #ccc;
  border: 1px solid #fff;
  border-radius: 10px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

.container {
    margin: 15vh calc(50vw - 120px);
    width: 240px;
}

.container .splash {
    width: 100%;
}

.container .blurb {
    text-align: justify;
}

p {
    padding: 0 10px;
}

h1 {
    font-size: 2.2em;
    font-weight: 600;
    text-align: center;
}

a {
    text-decoration: none;
    color: #525252;    
    font-weight: 600;
}

a:hover {
    color: #E61724;
    text-decoration: underline;
}

a .fa {
    color: #E61724;
    padding-right: 5px;
}

p {
    font-size: 1.5em;
    line-height: 1.4em;
}

p.center {
    text-align: center;
}

p.center a {
    padding: 0 5px;
}

@media only screen and (min-width: 1024px) {

    .container {
        margin: 25vh 50vw;
        transform: translateX(-50%);
        width: 240px;
    }

}