.wrapper{
    width: 100%;
    /* border: 1px solid black; */
    margin-top:30px;
}
/* .container{
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid black;
} */
.main-menu{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.menu-up{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    /* background: #eba605; */
    border-bottom: 1.5px solid #eba605;
    /* border: 1px solid black; */
}
.menu-up a{
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    transition: 0.4s all;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px;
    padding: 5px 0;
    position: relative;
    /* border: 1px solid black; */
}
/* .menu-up a:hover{
    font-weight: bold;
    transition: 0.4s all;
} */
.menu-up a:before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0%;
    border-bottom: 3px solid #eba605;
    transition: 0.3s;
    }

.menu-up a:hover:before {
        width: 100%;
    }

.menu-up a.active:before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    border-bottom: 3px solid #eba605;
    transition: 0.3s;
    }

.menu-up a.active {
    /* color: #ffff; */
    background-color: #ffff;
    }

.menu{

display: flex;
justify-content: center;
align-self: center;
border-bottom: 1.5px solid #eba605;
border-left: 1.5px solid #eba605;
border-right: 1.5px solid#eba605;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
/* border: 1px solid black; */
width: 400px;

}
.button{  
    padding: 10px;
    border-radius: 2px;
}
.menu a{
    list-style-type: none;
    display: inline-block;
    margin: 30px 10px 30px 10px;
}
.menu a{
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #eba605;
    border:1px solid #eba605 ;
    transition: 0.4s all;
    
}

.menu a:hover{
    color: #ffff;
    background:#eba605;
    transition: 0.4s all;
    border:1px solid #ffff ;
}
.menu a.active{
    color: #ffff;
    background: #eba605;
}

.content{
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 0;
    /* background-image: url("/assets/images/backgroundnew.jpg");
    background-repeat: no-repeat;
    background-size: cover; */
    background: #ffd000;
    
}
.card-g{
    width: 15rem;
    height: 23rem;
    margin: 10px 15px;
    background: #ffff;
    padding: 15px;
    border-radius: 2px;
    transform: scale(1);
    transition: box-shadow 0.5s ease-in-out,
                transform 0.5s ease-in-out;
    box-shadow: 1px 2px 20px -1px #9c6e02; 
    /* border: 1px solid black; */
}
.card-g:hover{
    box-shadow: 0px 0px 0px 0px #9c6e02; 
    transform: scale(0.95);
	transition: box-shadow 0.5s ease-in-out,
				transform 0.5s ease-in-out;
}
.card-g .card-g-img{
    width: 100%;
    overflow: hidden;
    height: 15rem;
    
    /* border: 1px solid black; */
}
.card-g-img img{
    width: 100%;
    border-radius: 2px;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    
 
    
}
.card-g-img:hover > img {
    transform: scale(1.4);  
    }
.figcaption{
    /* padding: 0 10px 20px; */

}
.card-g h3{
    font-size: 15px;
    padding: 0;  
}
.card-g p{
    font-size: 14px;
    color: #01001d;
}


.card-g-fresh{
    width: 34rem;
    height: 23rem;
    margin: 10px 15px;
    background: #ffff;
    padding: 15px;
    border-radius: 2px;
    transform: scale(1);
    transition: box-shadow 0.5s ease-in-out,
                transform 0.5s ease-in-out;
    box-shadow: 1px 2px 20px -1px #9c6e02; 
    /* border: 1px solid black; */
}
.card-g-fresh:hover{
    box-shadow: 0px 0px 0px 0px #9c6e02; 
    transform: scale(0.95);
	transition: box-shadow 0.5s ease-in-out,
				transform 0.5s ease-in-out;
}
.card-g-fresh .card-g-fresh-img{
    width: 100%;
    overflow: hidden;
    height: 18rem;
    
    /* border: 1px solid black; */
}
.card-g-fresh-img img{
    width: 100%;
    border-radius: 2px;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    
 
    
}
.card-g-fresh-img:hover > img {
    transform: scale(1.4);  
    }
.figcaption{
    /* padding: 0 10px 20px; */
    /* padding: 0; */
    /* border: 1px solid black; */
}
.card-g-fresh h3{
    font-size: 15px;
    padding: 0;  
    /* border: 1px solid black; */
}
.card-g-fresh p{
    font-size: 14px;
    color: #01001d;
}


.card-g-froz{
    /* display: flex; */
    width: 34rem;
    height: 25rem;
    margin: 10px 15px;
    background: #ffff;
    padding: 10px;
    border-radius: 2px;
    transform: scale(1);
    transition: box-shadow 0.5s ease-in-out,
                transform 0.5s ease-in-out;
    box-shadow: 1px 2px 20px -1px #9c6e02; 
    /* border: 1px solid black; */
}
.card-g-froz:hover{
    box-shadow: 0px 0px 0px 0px #9c6e02; 
    transform: scale(0.95);
	transition: box-shadow 0.5s ease-in-out,
				transform 0.5s ease-in-out;
}
.card-g-froz .card-g-froz-img{
    /* flex-basis: 60%; */
    overflow: hidden;
    /* height: 24rem; */
    /* padding: 10px; */
    
    /* border: 1px solid black; */
}
.card-g-froz-img img{
    /* width: 100%; */
    max-width: 100%;
    border-radius: 2px;
    -o-transition: all 0.7s;
    transition: all 0.7s;  
}
.card-g-froz-img:hover > img {
    transform: scale(1.4);  
    }

.card-g-froz-text{
    margin-left: 2em;
}
.card-g-froz-text h3{
    font-size: 16px;
    /* margin-left: 2em;   */
}
.card-g-froz-text p{
    /* margin: 3em; */
    font-size: 16px;
    color: #01001d;
}

@media screen and (max-width : 576px){
    .menu-up{
        flex-direction: column;
    }
    .menu-up a{
    font-size: 14px;
    margin: 0 5px;
    padding: 5px 0;
    }
    .card-g-fresh{
        width: 34rem;
        height: 16rem;
    }
    .card-g-fresh .card-g-fresh-img{
        width: 100%;
        overflow: hidden;
        height: 12rem;
        
        /* border: 1px solid black; */
    }
}