body {
    background: url('../img/background.webp') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.navbar {
    width:94%;
    /* same as width of col-md-8 */
    margin:0 auto;
}
.card{
    width:94%;
    /* same as width of col-md-8 */
    margin:0 auto;
}

/* If the screen size is 1200px wide or more, set the font-size to 80px */
@media (min-width: 1200px) {
    .responsive-font-example {
        font-size: 80px;
    }
}
/* If the screen size is smaller than 1200px, set the font-size to 80px */
@media (max-width: 1199px) {
    .responsive-font-example {
        font-size: 30px;
    }
}