html {
    background-image: url(images/noise-bg.png);
    background-repeat: repeat;
}

body * {
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    color: #fff;
}

#header {
    position: relative;
    width: 100%;
    height: 50vw;
    background-image: url(images/curve.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 0 2vw 0;
}

#title {
    position: absolute;
    z-index: 2;
    left: 5%;
    top: 5%;
}

#title h1 {
    margin: 0;
    padding: 0;
    line-height: 8vw;
    font-size: 9vw;
    letter-spacing: -.5vw;
    font-weight: 440;
    white-space: nowrap;
}

#title h1 span {
    font-weight: 300;
    color: #b0b0b0;
}

#stu-and-dan {
    position: absolute;
    z-index: 2;
    width: 70vw;
    right: 0;
    bottom: -2vw;
}

.content {
    padding: 2vw 10vw;
}

.content.primary {
    background-color: rgba(70, 39, 133, 0.85);
}

.card-text {
    color: #6a6a6a !important;
}

.secondary h2,
.secondary p {
    color: #333 !important;
}

.secondary p a {
    color: rgb(70, 39, 133);
}

#links {
    position: absolute;
    bottom: 0;
    left: 5%;
    z-index: 3;
}

#links img {
    max-height: 5vw;
}

.episode-links img {
    max-height: 30px;
}

.latest-episode-label {
    background-color: #32d296;
    color: #fff;
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 9999;
}

.latest-episode-label time {
    color: #000;
}