.desc-image p {
    margin-left: 30%;
    margin-right: 30%;
    font-family: 'Yanone Kaffeesatz';
    font-size: 24px;
}

.desc-image {
    margin-top: 10vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.65),rgba(0, 0, 0, 0.65)),url("../images/honey/honeyimage.webp");
    background-size: cover;
    background-position: 10%;
    width: 100vw;
    height: 40vh;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    color: white;
}

.desc-image h1 {
    font-family: 'Amatic SC';
    font-size: 4vw;
}

.button-nav {
    overflow-y: hidden;
    height: 300px;
}
.button {
    background-color: rgb(82, 81, 79);
    border-bottom-left-radius: 60px;
    width: 150px;
    height: 230px;
    border-bottom-right-radius: 60px;
    border-bottom: solid 5px rgb(34, 33, 32);
    margin: 0 30px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: transform 0.4s;
    transform: translateY(-55%);
    text-decoration: none;
    

} 
.button img {
    padding-bottom: 30px;
    width: 100px;
    height: 100px;
}

.button-nav {
    display: flex;
    list-style: none;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}


.button:hover {
    transform: translateY(-25%);
}


.button-text {
    padding: 5px 10px;
    font-family: 'Yanone Kaffeesatz';
    text-align: center;
    font-size: 26px;
    color: rgb(235, 232, 225);
}

.hard-coded{
    color: rgb(82, 81, 79);
}

.cell {
    padding: 70px;
    margin: 0;
    display: flex;
    flex-direction: row;
    background-color: rgba(218, 169, 77, 0.493);
    justify-content: space-around;
}

.cell img {
    width: 30%;
    height: 60%;
    border-radius: 30px;
}

.cell .text {
    width: 55%;
    font-family: 'Yanone Kaffeesatz';
    font-size: 22px;
    margin-top: 60px;

}
.cell .text h2 {
    margin-bottom: 20px;
}

.gap {
    height: 200px;
}

.list {
    margin: 20px 20px;
}

@media screen and (max-width:768px){
    .desc-image p {
        margin-left: 10%;
        margin-right: 10%;
        font-size: 4vw;
        margin-top: 10px;
    }
    .desc-image h1 {
        font-family: 'Amatic SC';
        font-size: 7vw;
    }
    .button {
        transform: translateY(-40%);
        width: 20vw;
        height: 50vh;
        border-bottom-right-radius: 60px;
        border-bottom: solid 5px rgb(34, 33, 32);
        margin: 0 0;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        transition: transform 0.4s;
    }
    .button-text {
        font-size: 4vw
    }
    .button img {
        padding-bottom: 30px;
        width: 18vw;
        height: auto;
    }
    .cell {
        flex-direction: column;
        padding: 15px;
        align-items: center;
    }
    .cell img {
        width: 70%;
    }
    .cell .text {
        width: 100%;
        margin-top: 0px;
        font-size: 4vw
    }

    .gap {
        height: 10vh;
    }
    
    .hard-coded{
        display: none;
    }

    

}

@media screen and (max-width:1280px) and (min-width: 768px){
    .desc-image p {
        margin-left: 10%;
        margin-right: 10%;
        font-size: 18px;
        margin-top: 10px;
    }
    .desc-image h1 {
        font-family: 'Amatic SC';
    }
}