#ProductDiv {
    grid-row: 1 / 4;
}
#CurrentCoffeeDiv {
    grid-row: 1/2;
    margin-top: 140px;
}
#CurrentCoffeImg {
    margin-top: 71px;
    vertical-align: bottom;
}
#FilterMakingDiv {
    grid-row: 2/2;
    display: flex;
    flex-direction: row;
}
#FilterFigDiv {
    width: 226px;
}
#InnerFilterFigDiv{
    width: 100%;
}
#MakingDiv {
    margin-left: -2px;
    width: 368px;
    height: 244px;
    border-left: 2px solid #F88379;
}
#MakingDiv p {
    padding-right: 20px;
}
#FilterMakingButtonDiv {
    grid-row: 3/3;
}
#FilterMakingButtonDiv button {
    grid-row: 3/3;
    margin: 25px auto;
}

#CoffeeTwigDiv {
    grid-row: 4/4;
    z-index: 3;
    pointer-events: none;
}
#CoffeeTwigImg {
    transform: scale(2.2) translate(-115px, -15px) rotate(5deg) rotateY(180deg);
}
#LabelDrawingDiv {
    grid-row: 5/5;
    /* margin-top: 9.375rem; */
}
#LabelDrawingLarge {
    width: 80%;
    float: right;
}
#LabelDrawingSmall {
    display: none;
}

#SlowCoffeeDiv1 {
    grid-row: 7/8;
}
#SlowCoffeeDiv2 {
    grid-row: 8/8;
}
#PhotoSunCoffeeDiv {
    grid-row: 7/10;
    margin-top: 11.625rem;
}
.WidthDiv {
    grid-row: 11/11;
    visibility: hidden;
}

#StoryLinkDiv {
    grid-row: 1/1;
}

#PhotoCupDiv {
    grid-row: 1/1;
}

#PhotoCupDiv, #PhotoSunCoffeeDiv, #CurrentCoffeeDiv, 
#FilterMakingDiv, #FilterMakingButtonDiv {
    width: 458px;
}

@media (max-width: 1000px) {
    #CurrentCoffeeDiv {
        grid-row: 1/1;
        margin-top: 50px;
    }
    #FilterMakingDiv {
        grid-row: 2/2;
    }
    #FilterMakingButtonDiv {
        grid-row: 3/3;
    }
    #ProductDiv {
        grid-row: 4/4;
    }
    #CoffeeTwigDiv {
        grid-row: 5/5;
    }
    #CoffeeTwigImg {
        transform: scale(1.3) translate(-60px, 20px) rotate(3deg) rotateY(180deg);
    }
    #LabelDrawingDiv {
        grid-row: 5/5;
        margin-top: 250px;
        padding-left: 110px;
    }
    #LabelDrawingLarge {
        display: none !important;
    }
    #LabelDrawingSmall {
        display: block;
        position: relative;
        z-index: 3;
        top: -30px;
        left: -70px;
    }
    #SlowCoffeeDiv1 {
        margin-top: 25px;
        grid-row: 7/7;
    }
    #PhotoSunCoffeeDiv {
        grid-row: 8/8;
        margin-top: 25px;
    }
    #SlowCoffeeDiv2 {
        margin-top: 1rem;
        grid-row: 9/9;
    }
    /* #SlowCoffeH {
        max-width: 460px;
    } */
    #SlowCoffeeDiv1, #SlowCoffeeDiv2 {
        width: 32.5rem;
    }

    #CoffeeTwig {
        width: 380px;
    }

    #PhotoCupDiv {
        grid-row: 1/1;
    }
    #StoryLinkDiv {
        grid-row: 2/2;
    }
}
@media (max-width: 750px) {
    #CoffeeTwigImg {
        transform: scale(1.5) translate(-90px, 20px) rotate(3deg) rotateY(180deg);
    }
    #LabelDrawingDiv {
        margin-top: 250px;
        padding-left: 130px;
    }
    #LabelDrawingSmall {
        width: 80%;
    }
}
@media (max-width: 550px) {
    #CurrentCoffeeDiv, #FilterMakingDiv, #FilterMakingButtonDiv, #PhotoSunCoffeeDiv, #PhotoCupDiv, #SlowCoffeeDiv1, #SlowCoffeeDiv2 {
        width: 321px;
    }

     #CurrentCoffeeDiv {
        margin-top: 0px;
    }

    #CoffeeTwigImg {
        transform: scale(1.6) translate(-50px, 20px) rotate(3deg) rotateY(180deg);
    }
    #LabelDrawingDiv {
        margin-top: 200px;
        padding-left: 180px;
    }
    #LabelDrawingSmall {
        width: 80%;
    }

    #SlowCoffeeDiv1 {
        margin-top: 0;
    }
}
@media (max-width: 450px) {
    #CoffeeTwigImg {
        transform: scale(1.4) translate(-70px, 20px) rotate(3deg) rotateY(180deg);
    }
    #LabelDrawingDiv {
        margin-top: 190px;
        padding-left: 130px;
    }
}

@media (min-width: 1000px) {
    #CoffeeTwigImg {
        transform: scale(2.2) translate(-60px, -10px) rotate(5deg) rotateY(180deg);
     }
    #StoryLinkDiv h5 {
        margin-top: 0;
    }
}
@media (min-width: 1080px) {
    #CoffeeTwigImg {
       transform: scale(2.2) translate(-80px, -10px) rotate(5deg) rotateY(180deg);
    }
}
@media (min-width: 1170px) {
     #CoffeeTwigImg {
        transform: scale(2.2) translate(-115px, -15px) rotate(5deg) rotateY(180deg);
    }
}