html[dir="ltr"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.text-left .image,
html[dir="ltr"] .listing:not(.listing_window-mosaic) .item.item_has-bg.text-left .image.img-max,
html[dir="ltr"] .icon-images .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image,
html[dir="ltr"] .listing:not(.listing_window-mosaic) .item.item_has-bg.item_text-right .image.img-max {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/*    .coffee-shop .component-inner .container .component-main .item .inner .image img {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }*/

.coffee-shop .component-inner .container .component-main .item .inner .link button,
.coffee-shop .component-inner .container .component-main .item .inner .price {
    display: none;
}

.coffee-shop .component-inner .container .component-main .item .inner .link {
    justify-content: end;
}

    .coffee-shop .component-inner .container .component-main .item .inner .link .link_non-btn {
        text-transform: uppercase;
        font-weight: 500;
    }

        .coffee-shop .component-inner .container .component-main .item .inner .link .link_non-btn:after {
            content: ' >';
        }


/*   it increases the gap inside the top of the module     */
/*.content .component-introduction {
    padding-bottom: 6%;
}*/

/*   it increases the gap under headers and text     */
/*.content .text,
.content .heading {
    padding-bottom: 5%;
}*/

/*   resets the height in case the gap is no needed due to design considerations    */
/*.content.reset-bottom-gap .text,
.content.reset-bottom-gap .heading {
    padding-bottom: 2%;
}*/
/*   resets the height in case the gap is no needed due to design considerations    */
/*.content.reset-bottom-gap .component-introduction {
    padding-bottom: 2%
}*/

/*   reduces the gap to 0 - used for the topComponent   */
/*.content.no-bottom-gap .text,
.content.no-bottom-gap .heading {
    padding-bottom: 0%;
}*/
/*   reduces the gap to 0 - used for the topComponent   */
/*.content.no-bottom-gap .component-introduction {
    padding-bottom: 0%
}*/

.just-good-beans img {
    width: 120px;
}


/* to change the colour of a punctuation symbol at the end of a Header*/
.last-word.red99081a .last-word,
.last-punctuation-symbol.red99081a .last-punctuation-symbol {
    color: #99081a;
}

/* to change the colour of a punctuation symbol at the end of a Header*/
.last-word.green002726 .last-word,
.last-punctuation-symbol.green002726 .last-punctuation-symbol {
    color: #002726;
}

/* centres small images */
.image-centre .inner .image {
    margin: auto auto;
}


footer#site-footer {
    background-image: url("/media/mm1nirmn/mask-group-39.png?format=webp"");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}

footer#site-footer .footer-highlight, footer#site-footer blockquote::before {
    color: rgba(var(--footer-highlight), 1);
    display:none;
}

    footer#site-footer .footer-highlight, footer#site-footer {
        font-size: 1.1rem;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.5rem;
    }

.image-right-align .image {
    margin-left: auto;
    margin-right: 0;
    display: block;
}
.image-center-align .image {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*.large-h1 h1 {*/
/*    font-size: 120px;*/
/*}*/



/* Extra small devices (portrait phones) */
@media (max-width: 575.98px) {
    .just-good-beans img {
        width: 28%;
        margin-top: 50px;
    }

    h1,
    .large-h1 h1 {
        font-size: 30px;
    }
}

/* Small devices (landscape phones) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .just-good-beans img {
        width: 30%;
        margin-top: 50px;
    }

    h1,
    .large-h1 h1 {
        font-size: 30px;
    }
}

/* Medium devices (tablets) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .just-good-beans img {
        width: 20%;
        margin-top: 50px;
    }

    h1,
    .large-h1 h1 {
        font-size: 40px;
    }
}

/* Large devices (desktops) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*.homepage .component.usn_cmp_banner .item.item_medium-banner .info .text{*/
    /*    margin-top:-30px;*/
    /*}*/
}

/* Extra large devices (large desktops) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .just-good-beans img {
        width: 10%;
        margin-top: -90px;
    }
        .large-h1 h1 {
        font-size: 50px;
    }
    
}


/* Extra extra large devices (larger desktops) */
@media (min-width: 1400px) {
    .large-h1 h1 {
    font-size: 80px;
    }
    
    /*.large-h1 .iner .container .row .info.col{*/
    /*    padding-top: calc(var(--large-header) 190px - 90px);*/
    /*}*/
}