.gradient {
    background-image: linear-gradient(#0075EC, #56B5E7);
    height: 100vh;
}

.container {
    max-width: 50rem;
}

body, p {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Amatic SC', cursive;
}

h1 {
    font-size: 6rem;
}

a, a:hover {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

button a {
    text-decoration: none;
}

.title-content {
    margin-right:0;
    margin-left:0;
    margin-top:15rem;
}

.splash-image > img {
    width: 40rem;
}

.spacer-4 {
    height: 4rem;
}

@media screen and (max-width: 992px) {
    .title-content {
        margin-top:5rem;
    }
    .splash-image > img{
        width: 17rem;
    }
}

@media screen and (max-width: 767px) {
    .title-content {
        margin-top:5rem;
    }
    .splash-image > img{
        margin-top: 2rem;
    }
}