
.smooch-sans-nav {
  font-family: "Smooch Sans", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
}
.roboto-inner {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}

.n-hov:hover {
    /* border-bottom: solid 2px #0c82b8!important; */
    background-color: #e3cc91;
    
}
.nav-item {
    padding:10px 5px ;
    margin: 0px 3px;
}
.nav-shadow {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header-img {
    background-image: url(../img/header.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 400px;
}
.message-sec {
    background-image: url(../img/messagebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* height: 400px; */
}
.header-txt-bg {
    background-color: rgb(167 115 41 / 72%);
    padding: 20px;
    color: #FFF;
}
.card-food {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
  /* margin-top: 10px; */
}
.feed-form {
    max-width: 500px;
}

.zoom-img {
  /* padding: 50px; */
  /* background-color: green; */
  transition: transform .2s;
  /* width: 200px; */
  /* height: 200px; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: none;
  margin: 0 auto;
}

.zoom-img:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.1); 
}





/* My media section */
@media(max-width: 768px) {
    body {
        padding: 0;
    }
    
}
@media(min-width: 768px) {
    .nav-item {
    /* padding:10px 0px ; */
    margin: 0px 3px;
    
}
.main-nav {
        justify-content: end;
    }
}