body, html {
    font-family: 'Open Sans', serif;
    font-weight: 400;
    color: #bbc3ce; //#16416c;
    font-size: 16px;
    background-color: #000;
}
.row-padding {
    margin-bottom: 50px;
}
h1, h4, h5 {
    margin: 0;
    font-family: 'Vollkorn', serif;
}

h1 {
    font-weight: 600;
    font-size: 42px;
    font-size: 6vw;
    line-height: 1em;
    color: #c9d1dd;
}

h4 {
    font-style: italic;
    font-size: 18px;
    font-size: 5vw;
}

p {
    color: #bbc3ce;
    text-align: left;
}

a{
    color: #739fdd;
}
.ellipsis:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 1.5s infinite;
    animation: ellipsis steps(4,end) 1.5s infinite;
    content: "\2026";
    width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1em;
    padding-left: 1px;
  }
}