.db-form {
    margin-bottom: 20px;
}

main {
    margin-top: 20px;
}

html, body {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 15px;
}

#hero-text {
        background-color: rgba(133, 168, 142, 0.63);
        padding: 20px;
        border-radius: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }

@media all and (min-width: 992px) {
    .nav-link:hover {
        background-color: rgb(88, 90, 87);
        border-radius: 10px;
    }
    .nav-link:active {
        background-color: rgb(0, 255, 170);
    }
}

@media screen and (min-width: 600px) {
    #landing-page {
        margin-top: 70px;
    }
}

@media screen and (max-width:600px)  { 
    body {
        background-image: url("/static/web/img/travel_site_landing_page_background_portrait.png");
        background-size: cover;
    }
}
@media screen and (min-width:601px) and (max-width:768px)  { 
    body {
        background-image: url("/static/web/img/travel_site_landing_page_background_md_landscape.png");
        background-size: cover;
    }
}
@media screen and (min-width:769px)  { 
    body {
        background-image: url("/static/web/img/travel_site_landing_page_background.png");
        background-size: cover;
    }
}