/* Breakroom Coffee Styles */

.scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.takeaway,
.scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.takeaway h4,
.scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.takeaway p {
    z-index: 1;
}
.scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.cups {
    max-width: 1440px;
    padding: 0;
    margin-top: -115px;
}
.scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.cups img {
    z-index: -3;
}

.scd-buying-guide-2024.scd-breakroom-coffee br.break-desktop {
    display: none;
}

.scd-buying-guide-2024 .section-wrapper .full-image.starbucks-chart {
    margin: 0 auto 20px;
}

/* ===================== */
/* === Media Queries === */
/* ===================== */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.cups {
        margin-top: -165px;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper .half-split > .half-image {
        max-width: 35%;
    }
    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper .half-split .half-image.coffee-graph {
        max-width: 65%;
    }

    .scd-buying-guide-2024 .section-wrapper .full-image.starbucks-chart {
        width: 75%;
        margin: 0 auto 20px;
    }
    .scd-buying-guide-2024 .section-wrapper .full-image.always-coffee-chart {
        width: 95%;
        margin: 0 auto;
    }

    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.cups {
        margin-top: -245px;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .scd-buying-guide-2024.scd-breakroom-coffee br.break-desktop {
        display: inline;
    }

    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper .half-split > .half-image {
        max-width: 30%;
    }

    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.cups {
        margin-top: -270px;
    }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.cups {
        margin-top: -310px;
    }

}

/* XX-Large devices (extra large desktops, 1400px and up) */
@media (min-width: 1400px) {

    .scd-buying-guide-2024.scd-breakroom-coffee .section-wrapper.header .header-image {
        min-height: 500px;
    }

}