@font-face {
    font-family: 'Pacifico'; /*a name to be used later*/
    src: url('Pacifico-Regular.ttf'); /*URL to font*/
}

body {
    height: 100%;
    width: 100%;
    background: url('../img/background.jfif');
    background-size: cover;
    background-position: center;
    font-family: 'Pacifico';
    color: #6c757d;
    text-shadow: 1px 1px 3px black;
}
@media screen and (max-width: 992px) {
    body {
        background: url('../img/background-mobile.jpeg');
        background-size: cover;
        background-position: center;
    }
}

.main.row {
    height: 100%;
    width: 100%;
}

h1 {
    font-size: 4.5rem;
}

.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content > * {
    text-align: center;
}