body {
    background: url("../images/background.jpg") center 0 no-repeat;
    background-size: cover;
    font-family: 'Roboto', sans-serif;
    color: white;
}

.container .logo {
    margin-top: 2.4em;
    font-size: 1.6em;
}
.container .slogan {
    margin-top: 3.4em;
}
.container .slogan h1 {
    font-size: 6.8em;
}
.container .slogan p {
    font-size: 4.6em;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 1em;
}
@media (max-width: 768px) {
    .container .slogan h1 {
        font-size: 4.8em;
    }
    .container .slogan p {
        font-size: 2.8em;
    }
}
.container .text {
    margin-top: 3em;
    font-size: 1.6em;
}
@media (max-width: 768px) {
  .container .text p {
    font-size: 0.75em;
  }
}
@media (max-width: 768px) {
    .xl-only {
        display: none;
    }
}
footer {
    width: 100%;
}
footer .copyright {
    line-height: 3em;
}
footer .copyright p {
    line-height: 5em;
}
footer a {
    color: white;
    font-size: 3em;
    text-decoration: none;
    border-bottom: #E65C00 3px solid;
}