* {
    font-family: 'Rubik', sans-serif;
}

.navbar-brand {
    font-weight: bold;
}

.banner {
    width: 100%;
    height: 500px;
    background: url("images/banner.WEBP");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


@media only screen and (max-width: 600px) {
    .banner {
        height: 300px;
    }

    .main-title {
        font-size: 2em;
        word-break: break-all;
    }
}

.blog-img {
    height: 160px;
}