.bg-dark{
    background-color: #53585D;
}
.bg-image{
    width: 100vw;
	height: 100vh;
	background-position:center; 
	background-repeat: no-repeat; 
    background-image: url(B&W.jpg);
    background-size:cover;
    opacity: 0.85;
}

.coffeejava{
    width: 100vw;
	height: 100vh;
	background-position:center; 
	background-repeat: no-repeat; 
    background-image: url(been2.jpg);
    background-size:cover;
    

}
.navbar-toggler-icon{
    color: white;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color:#D0D0D0;
    font-family: "Avenir-Black", Avenir, "Helvetica Neue", Helvetica, sans-serif !important;
    margin-top: 15px;
}

.logo { 
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: -2;
}

.row-img{
	background-position:center; 
	background-repeat: no-repeat;   
    background-size: cover;
    padding: 150px;
}

.first-img{
    background-image: url(us.png);
    /* font-size: 45px; */
    font-family: "Avenir-Black", Avenir, "Helvetica Neue", Helvetica, sans-serif !important;
}

.sec-img{
    background-image: url(shop.jpg);
    /* font-size: 45px; */
    font-family: "Avenir-Black", Avenir, "Helvetica Neue", Helvetica, sans-serif !important;
}

.active{
    font-size: 20px;
    font-family: "Avenir-Black", Avenir, "Helvetica Neue", Helvetica, sans-serif !important;

}


.third-img{
    background-image: url(menu2.jpg);
    /* font-size: 45px; */
    font-family: "Avenir-Black", Avenir, "Helvetica Neue", Helvetica, sans-serif !important;
}

.menu {
    background-color: #3D3D3D;
}

.text-underline{
    display: block; 
    margin: 0 auto; 
    width: 50%; 
    padding-top: 20px; 
    border-bottom: 9px double white;
    font-size: 45px;
    font-family: "Avenir-Black", Avenir, "Helvetica Neue", Helvetica, sans-serif;
}

.pumpkin{
    font-size: 20px;
    font-family: "Avenir-Black", Avenir, "Helvetica Neue", Helvetica, sans-serif !important;
    padding-top: 20px;
}


/* The CSS below helped brighten and make nav-icon more visable against background */
.custom-toggler2 .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(252, 252, 252, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  
  .custom-toggler2.navbar-toggler {
    border-color: rgb(252, 252, 252);
    color: rgb(252, 252, 252);
  }

@media only screen and (min-width: 800px){
    .text-font{
        font-size: 30px;
    }
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
    .text-font{
        margin-top: 25px;
        font-size: 10px;    
    }
}
@media only screen and (min-width: 800px){
    .text-mid{
        font-size: 45px;
    }
}

@media only screen and (max-width: 800px) and (min-width: 0px) {
    .text-mid{
    
        font-size: 25px;    
    }
}