body {
    font-family: 'Nunito';
}

a {
    text-decoration: none;
}

.navbar {
    z-index: 500;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.navbar .btn {
    height: 40px;
}

.navbar img {
    max-height: 40px;
}

.app-store {
    max-height: 64px;
}

.navbar img,
.app-store {
    width: auto;
    max-width: 100%;
}

.showcase-img {
    background-position: center center;
}

.showcase-img.screenshot {
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-habits,
.bg-ideas {
    background-image: url("../img/spring.jpeg")
}

.bg-habits .screenshot {
    background-image: url("../img/habits.png")
}

.bg-ideas .screenshot {
    background-image: url("../img/ideas.png")
}

.bg-focus {
    background-image: url("../img/winter.jpeg")
}

.bg-focus .screenshot {
    background-image: url("../img/focus.png")
}

.bg-sidekick {
    background-image: url("../img/summer.jpeg");

}

.bg-sidekick .screenshot {
    background-image: url("../img/sidekick.png");

}

.bg-routines {
    background-image: url("../img/fall.jpeg")
}

.bg-routines .screenshot {
    background-image: url("../img/routines.png")
}

.bg-preview {
    background-image: url("../img/summer.jpeg")
}

.bg-preview .screenshot {
    background-image: url("../img/preview.png")
}

.features-icons-icon img {
    max-height: 100px
}