html{
    scroll-behavior: smooth;
}

@media only screen and (max-width: 600px) {
    .navbar-burger, .burger{
        display: flex;
        align-items: center;
    }
    
    .burger-icon{
        margin: 0 auto;
        font-size: 20px;
    }
} 

.down-arrow{
    bottom:0;
}

.bgimg-coffee{
    background-image: url("images/coffee.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}
.bgimg-flower{
    background-image: url("images/bucket.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bg-green{
    background-color: #00d1b2;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23009d86' fill-opacity='0.4'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bg-blue{
    background-color: #209cee;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23257bb4' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

/* Font size fixes */
.title-size-big{
    font-size: 3rem !important;
}

/* Fixed Styles */

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}

/* Nav Color */
.navbar{
    background-color: #00d1b2 !important;
}

/* Title Configs */
.title-main{
    font-size: 72px !important;
}
.title-cdp{
    color: #0e5b2e;
}

/* Paddings and margins */

.has-margin-bottom{
    margin-bottom: 1.5em !important;
}

/* Home Hero Background */
.bg-home{
    background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("images/bghero.png");
    background-size: contain;
    background-attachment: fixed;
}
/* Hoverable images*/
#products figure:hover{
    transform: scale(1.1);
    transition: all ease-in-out 0.5s;
}
#history figure:hover{
    transform: scale(1.1);
    transition: all ease-in-out 0.5s;
}

.cursive{
    font-family: 'Courgette', cursive;
}

.sans{
    font-family: 'Open Sans', sans-serif;
}