body {
    background-image: url("../images/home_hero_grey.png");
    background-color: #fafafa;
}

.navbar{
    background-color: #fafafa;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: none;
}

.navbar-link,
.nav-link {
    font-family: neue-kabel-book, sans-serif; /* Apply the Adobe Fonts Book style */
    color: black; /* Set the color to black */
    text-decoration: none; /* Remove underline */
    transition: font-family 0.3s, font-size 0.3s;
    font-size: 16px;
    padding: 0 15px;
}

.navbar-link:hover,
.nav-link:hover {
    font-family: neue-kabel-bold, sans-serif; /* Change the font to bold when hovering */
    font-size: 18px;
}

#contactNavLink{
    padding-right: 25px;
}



.hero-image {
    
    height: 100vh; /* Set the height of the container to fill the viewport */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   /* position: relative;
    overflow: hidden; Hide overflow content */
  
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

@media(max-width: 810px){   

    
    body {
        background-image: url("../images/tablet_hero_vertical_2.png");
        background-color: #fafafa;
    }
    
    .navbar-nav{
        padding-top: 1.5rem;
    }

}

@media(max-width: 768px){   

    
    body {
        background-image: url("../images/hero_iphone12_13.png");
        background-color: #fafafa;
    }

    .navbar-nav{
        padding-top: 1.5rem;
    }
    

}