#title {
    background-color: #fff;
    color: #449af1;
    height: 12.3rem;
}

#content {
    background-color: #449af1;
    color: #fff;
    justify-content: initial;
    padding: 3rem 0 8rem 0;
    height: auto;
}

.back-button {
    position: absolute;
    top: 2rem;
    left: 3rem;
    color: #449af1;
    font-size: 3rem;
}

.back-button:hover, .back-button:focus {
    transform: scale(1.1);
}

.thumbnail {
    position: absolute;
    height: auto;
    width: 24.5rem;
}

h1.paragraph-headings {
    text-align: left;
    font-size: 1.5rem;
    margin-top: 3rem;
}

@media (max-width: 41rem) {
    #title {
        height: 30vw;
    }
    #content {
        padding: 0 0 6rem 0;
    }
    .back-button {
        font-size: 6vw;
        top: 4vw;
        left: 5vw;
    }
    .thumbnail {
        width: 60vw;
    }
    h1.paragraph-headings {
        font-size: 1rem;
    }
    p {
        font-size: 0.8rem;
    }
}

.horizontal-line {
    position: absolute;
    top: 2.6rem;
    right: 80vw;
    width: 10rem;
    text-align: right;
}

@media (min-width: 76rem) {
    .horizontal-line {
        right: 60.9rem;
        width: 100rem;
    }
}

.project-image-one.p2, .project-image-two.p2, .project-image-three.p2 {
    height: auto;
    width: 36rem;
    margin-top: 2rem;
}

.caption {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-weight: 200;
    width: 60vw;
}

@media (max-width: 41rem) {
    .project-image-one.p2, .project-image-two.p2, .project-image-three.p2 {
        width: 70vw;
    }
    .caption {
        font-size: 0.8rem;
    }
    .horizontal-line {
        margin: 2.2vh 0;
    }
}

.link {
    padding: 0 0.2rem;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(transparent 50%, #fff 50%);
    background-size: 200% 200%;
    background-position: 0 10%;
    transition-duration: 0.2s;
}

.link:hover, .link:focus {
    background-position: 0 100%;
    color: #449af1;
}

footer.p2 {
    background-color: #fff;
    color: #449af1;
}

footer .link {
    color: #449af1;
    background: linear-gradient(transparent 50%, #449af1 50%);
    background-size: 200% 200%;
    background-position: 0 10%;
}

footer .link:hover, footer .link:focus {
    color: #fff;
}