.first {
    background-color: #ffb229;
}

.first-content-description {
    margin-top: 5vw;
}

.first-left {
    max-width: 22%;
    /* border: 1px solid #000; */
    margin-top: 70px;
    float: left;
    font-size: 17px;
}

.indent {
    text-indent: 50px;
}

.first-center {
    max-width: 50%;
    /* border: 1px solid #000; */
    padding: 10px;
    float: left;
}
.first-right {
    max-width: 25%;
    /* border: 1px solid #000; */
    margin-top: 70px;
    float: left;
    font-size: 17px;
}

.first-bottom {
    width: 100%;
    display: block;
    /* border: 1px solid #000; */
    float: left;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    margin-top: 0px;
}

.first-bottom p {
    text-align: center;
}

.first-order-now {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.first-order-now p, .second-order-now p {
    text-align: center;
    margin-top: 0.5px;
}

.second-order-now {
    text-align: center;
}

.order-now-button {
    background-color: transparent;
    border: 2px solid #000;
    padding: 0.7vw;
    margin: 15px;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
}

.order-now-button a:hover {
    color: yellow;
    text-decoration: none;
}



.second-title {
    margin-top: 2vw;
    margin-bottom: 1vw;
}

.second-content-description {
    margin-top: 0vw;
}

.kiwi {
    background-color: #5fac59;
}
.coffee {
    background-color: #8d7147;
}
.green_tea {
    background-color: #94b661;
}
.bubble_gum {
    background-color: #48a2b7;
}
.left {
    float: left;
    max-width: 50%;
    padding: 0 20px 20px 0;
}
.first-content {
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px;
    max-width: 70%;
}
.page-content {
    margin: 0 auto;
    padding: 10px;
    max-width: 90%;
}
.page-content p {
    color: #000;
    text-align: justify;
    /* font-size: 3vw; */
    margin-left: 10px;
}
.icon img {
    width: 20%;
}

figure img{
    max-width: 60%;
}

.logo {
    max-width: 15%;
    float: left;
}

.header {
    margin: 0 auto;
    margin-top: 5%;
    max-width: 80%;
    /* border: 1px solid #000; */
    min-height: 5%;
}

.instagram-section {
    position: absolute;
    right: 16.5vw;
    /* top: 2vw; */
}

.instagram-section a:hover {
    text-decoration: none;
    color: #000;
}

.instagram {
    font-size: 15px;
}

.instagram p {
    float: right;
}

.applicable {
    width: 50%;
    margin: auto;
}


p {
    font-family: "Poppins", sans-serif;
    text-align: justify;
}

a {
    color: #000;
    font-style: normal;
    text-decoration: none;
}

.underline {
    text-decoration: underline;
    margin-bottom: 25px;
}

figure {
    display: inline;
}

.icon-gallery {
    display: grid;
    grid-template-columns: repeat(6, 2fr);
    grid-template-rows: repeat(1, 5vw);
    grid-gap: 15px;
}

.display-on-mobile {
    display: none;
}

@media screen and (max-width: 800px) {
    .hidden-on-mobile {
        display: none;
    }
    .display-on-mobile {
        display: inline;
    }

    .second-title h1 {
        text-align: center;
        font-size: 7vw;
        margin-top: 0px;
    }

    .first-content {
        margin-top: 0px;
        padding-top: 0px;
    }

    .underline {
        margin: 0px;
    }
}




/* For large screen */
@media screen and (min-width: 800px) {
    .header {
        max-width: 70%;
        margin-top: 1%;
    }
    .page-content {
        max-width: 90%;
    }
    .page-content p {
        font-size: 20px;
    }
    .instagram {
        font-size: 25px;
    }
}