body::before {
        background-image: url('');
        background-repeat: repeat;
        background-size: 0;
        background-color: rgb(242, 219, 195);
    }
.mdl-grid.coffee-product {
    border-top: 1px solid rgba(0,0,0,.12);
    background-color: rgb(255,255,255);
}
.mdl-cell.price {
    padding-left:24px;
}
.mdl-grid p {
    text-align: justify;
}
.mdl-grid.coffee-product .mdl-cell a {
    text-decoration: none;
}
.mdl-grid.coffee-roaster {
    border-top: 1px solid rgba(0,0,0,.12);
    background-color: rgb(255,255,255);
}
.mdl-grid.coffee-roaster .mdl-cell a {
    text-decoration: none;
}
.shopping {
    position: absolute;
    top: 8px;
    right: 8px;
}
.coffee-roaster-list {   width: 100%;
}
.roaster-logo.mdl-list__item-avatar {
   background-color: rgb(255,171,64);   box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);}
.roaster-info.mdl-cell {
   padding-left: 0px;
};
.relations-coffeeforums {
    background-size: 100%;
    background-color:#a9dade !important;
    background-image: url('https://coffeeforums.co.uk/customavatars/avatar2_8.gif');
    background-repeat: no-repeat;
    background-position: center;
}
        .mdl-cell.navigation{
            text-align: right;
        }
        .mdl-cell.navigation > button {
            margin-top: inherit;
        }
        .mdl-cell.navigation > a.mdl-button {
            padding: 0;
        }
        .mdl-cell.navigation > a.mdl-button.find-similar {
            background-color: #f2dbc3;
        }
        .mdl-cell.navigation > a.mdl-button.goto-website {
            background-color: #d3b993;
        }
        .button-spacer{
            display:none;
            height:8px;
            width:0px;
        }

        @media (min-width: 840px){
            .mdl-cell.navigation > button {
                width:100%;
                /*margin: auto;*/
            }
            .mdl-cell.navigation > a.mdl-button {
                width: calc(100% - 4px);
            }
            .button-spacer{
                display:inherit;
            }
            .mdl-cell.empty-cell {
                display: none;
            }
            .mdl-cell.roaster > .name {
                display: none;
            }
            .mdl-cell.product-name > .name {
                margin-top: 6px;
            }
        }
        @media (max-width: 839px) and (min-width: 480px){
            .mdl-cell.navigation > button {
                width:100%;
                /*margin: auto;*/
                font-size: 13px;
            }
            .mdl-cell.navigation > a.mdl-button {
                width: calc(100% - 4px);
                font-size: 13px;
            }
            .button-spacer{
                display:inherit;
            }
            .mdl-cell.empty-cell {
                display: none;
            }
            .mdl-cell.roaster > .name {
                display: none;
            }
            .mdl-cell.product-name > .name {
                margin-top: 6px;
            }
        }
        @media (max-width: 479px) and (min-width: 335px){
            .mdl-cell.navigation > button {
                width:40%;
                /*margin: auto;*/
            }
            .mdl-cell.navigation > a.mdl-button {
                width: calc(40% - 4px);
                font-size: 13px;
            }
            .mdl-cell.roaster.mdl-cell--1-col-phone{
                width:calc(20% - 16px);
            }
            .mdl-cell.product-name.mdl-cell--2-col-phone {
                width:calc(55% - 16px);
            }
            .mdl-cell.product-price.mdl-cell--1-col-phone {
                width:calc(25% - 16px);
            }
            .mdl-cell.empty-cell {
                height: 6px;
            }
            .mdl-cell.roaster > .name {
                width:300%;
                position: absolute;
                margin-top: 6px;
            }
            .mdl-cell.product-name > .name {
                display: none;
            }
        }
        @media (max-width: 334px){
            .mdl-cell.navigation > button {
                width:calc(50% - 2px);
            }
            .mdl-cell.navigation > a.mdl-button {
                width:calc(50% - 4px);
                min-width: 24px;
                font-size: 12px;
            }
            .mdl-cell.roaster.mdl-cell--1-col-phone{
                width:calc(20% - 16px);
                margin: auto;
            }
            .mdl-cell.product-name.mdl-cell--2-col-phone {
                width:calc(55% - 16px);
            }
            .mdl-cell.product-price.mdl-cell--1-col-phone {
                width:calc(25% - 16px);
            }
            .mdl-cell.empty-cell {
                height: 6px;
            }
            .mdl-cell.roaster > .name {
                width:300%;
                position: absolute;
                margin-top: 6px;
            }
            .mdl-cell.product-name > .name {
                display: none;
            }
        }
        div.mdl-grid{
            border-top: 1px solid rgba(0,0,0,.12);
            background-color: white;        }

        .mdl-cell.roaster{
            margin: auto;
            text-align:left;
        }
        .mdl-cell.roaster-name {
            margin: auto;
        }
        .mdl-cell.product-name {
            margin: auto;
        }
        .mdl-cell.product-price {
            margin: auto;
            text-align:right;
            position:relative;
        }
        .mdl-cell.product-price .product-price-actual {
            position: absolute;
            width: 120px;
            right: 0px;
        }

        .mdl-cell.roaster .logo {
            border-radius: 50%;
            font-size: 24px;
            height: 50px;
            min-width: 50px;
            width: 50px;
            padding: 0;
            overflow: hidden;
            background: rgba(158,158,158,.2);
            box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
            position: relative;
            line-height: normal;
        }        .product-detail > ul.product-detail--items {
            display: contents;
        }
        .product-detail > ul.product-detail--items > li{
            display:inline-block;
        }

        .product-detail > .product-detail--title {
            display: inline-block;
            min-width: 66px;
        }

        .product-detail.flavour > ul.product-detail--items > li > .sca{
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
            text-align: center;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            margin-right: 4px;
            margin-left: 4px;
            font-size: 18px;
            line-height: 32px;
        }

        .product-detail.origin > ul.product-detail--items > li{
            padding: 0px 5px 0px 5px;
        }
        .product-detail.sca-score > ul.product-detail--items > li{
            padding: 0px 5px 0px 5px;
        }
        
        .product-detail.variety > ul.product-detail--items > li{
            background-color: #f8f8ff;
            border-radius: 8%;
            padding: 0px 5px 0px 5px;
        }
        
        .product-detail.roast > ul.product-detail--items > li{
            border-radius: 8%;
            padding: 0px 5px 0px 5px;
        }
        
        .product-detail.process > ul.product-detail--items > li{
            border-radius: 8%;
            padding: 0px 5px 0px 5px;
        }
        
        .decaf{
            background-color: #536dfe !important;
            color: white !important;
        }
        p.last{
            margin-bottom:0
        }
.roaster .logo.roaster--union {
    background-size: 85%;
    background-color:#f8f7f2 !important;
    background-image: url('/resources/images/logo-union.png');
    background-repeat: no-repeat;
    background-position: center;
}
.roaster .logo.roaster--pact {
    background-size: 75%;
    background-color:#ffaa2a !important;
    background-image: url('/resources/images/logo-pact.svg');
    background-repeat: no-repeat;
    background-position: center;
}
.roaster .logo.roaster--cambridge-coffee {
    background-size: 100%;
    background-image: url('/resources/images/logo-cambridge-coffee.png');
    background-repeat: no-repeat;
    background-position: center;
}
.roaster .logo.roaster--climpson-and-sons {
    background-size: 110%;
    background-image: url('/resources/images/logo-climpson-and-sons.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
.roaster .logo.roaster--moonroast {
    background-size: 300%;
    background-color:#a9dade !important;
    background-image: url('/resources/images/logo-moonroast.png');
    background-repeat: no-repeat;
    background-position: top;
}
.roaster .logo.roaster--roast-post {
    background-size: 65%;
    background-color:#461E6F !important;
    background-image: url('/resources/images/logo-roast-and-post.png');
    background-repeat: no-repeat;
    background-position: center;
}
.roaster .logo.roaster--grumpy-mule {
    background-size: 90%; 
    background-color:#eceded !important;
    background-image: url('/resources/images/logo-grumpy-mule.png');
    background-repeat: no-repeat;
    background-position-y: 80%;
    background-position-x: 40%;
}
.roaster .logo.roaster--hot-numbers {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-hot-numbers-coffee.png');
    background-repeat: no-repeat;
    background-position-x:center;
    background-position-y:center;
}
.roaster .logo.roaster--rave {
    background-size: 105%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-rave.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;}
.roaster .logo.roaster--origin {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-origin-roasters.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;}
.roaster .logo.roaster--hasbean {
    background-size: 110%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-hasbean.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: -4px;
}
.roaster .logo.roaster--ozone {
    background-size: 100%; 
    background-color:#f4f3ed !important;
    background-image: url('/resources/images/logo-ozone-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--foundry {
    background-size: 105%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-foundry-coffee-roasters.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--django {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-django-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;}
.roaster .logo.roaster--workshop {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-workshop-coffee.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--square-mile {
    background-size: 68%; 
    background-color:#333333 !important;
    background-image: url('/resources/images/logo-square-mile.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 9px;
}
.roaster .logo.roaster--perky-blenders {
    background-size: 90%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-perky-blenders.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffee-compass {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-coffee-compass.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--crankhouse {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-crankhouse-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--smokeybarn {
    background-size: 100%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-smokeybarn.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--jamesgourmet {
    background-size: 85%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-james-gourmet.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--northstar {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-north-star-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--alchemy {
    background-size: 85%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-alchemy.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--adams-russell {
    background-size: 110%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-adams-russel.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--steampunk {
    background-size: 96%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-steampunk-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--atkinsons {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-atkinsons.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--horsham {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-horsham.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--clumsy-goat {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-clumsy-goat.png');
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: center;
}
.roaster .logo.roaster--long-short {
    background-size: 98%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-long-and-short-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--pharmacie {
    background-size: 85%; 
    background-color:#eeceac !important;
    background-image: url('/resources/images/logo-pharmacie-coffee.png');
    background-repeat: no-repeat;
    background-position-y: 8px;
    background-position-x: center;
}
.roaster .logo.roaster--amber {
    background-size: 85%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-amber-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--decadent-decaf {
    background-size: 70%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-decadent-decaf.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--quarter-horse {
    background-size: 54%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-quarter-horse-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--strangers {
    background-size: 95%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-strangers-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fande {
    background-size: 65%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-fandecoffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--crude {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-crude-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--47-degree {
    background-size: 85%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-47-degree-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--chc {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-crafthouse.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--round-hill {
    background-size: 65%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-round-hill-roastery.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--dark-arts {
    background-size: 100%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-dark-arts-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--small-batch {
    background-size: 100%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-small-batch-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--clifton {
    background-size: 190%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-clifton-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: -9%;
}
.roaster .logo.roaster--92-degree {
    background-size: 75%; 
    background-color:rgb(250,250,250) !important;
    background-image: url('/resources/images/logo-92-degrees-coffee.png');
    background-repeat: no-repeat;
    background-position-y: 65%;
    background-position-x: 60%;
}
.roaster .logo.roaster--wogan {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-wogan-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--curve {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-curve-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--extract {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-extract.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--salford {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-salford-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--ancoats {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-ancoats-coffee-roasters.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--campbel-syme {
    background-size: 90%; 
    background-color: #3582da !important;
    background-image: url('https://cdn.shopify.com/s/files/1/2341/1429/files/WORDMARK_BLACK_WEB_100x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--second-crack {
    background-size: 100%; 
    background-color: #ebebeb !important;
    background-image: url('https://cdn.shopify.com/s/files/1/2341/9265/files/SCR_Logos-16_110x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--the-steamie {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-steamie.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bean-brothers {
    background-size: 90%; 
    background-color: #01788d !important;
    background-image: url('/resources/images/logo-beans-brothers.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--silver-oak {
    background-size: 96%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-silver-oak.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--shot-yard {
    background-size: 88%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-shot-yard.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--girls-who-grind {
    background-size: 230%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-girls-who-grind-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--dear-green {
    background-size: 80%; 
    background-color: #373b38 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/1196/1924/t/2/assets/logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--red-bank {
    background-size: 145%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-red-bank.png');
    background-repeat: no-repeat;
    background-position-y: 55%;
    background-position-x: center;
}
.roaster .logo.roaster--glen-lyon {
    background-size: 110%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-glen-lyon-1.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--machina {
    background-size: 96%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-machina.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--carvetii {
    background-size: 90%; 
    background-color: #333333 !important;
    background-image: url('/resources/images/logo-carvetii.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hard-lines {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-hard-lines.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cracked-mug {
    background-size: 110%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-cracked-mug.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--200-degrees {
    background-size: 70%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-200-degrees.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--unorthodox {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-unorthodox.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fat-dragon {
    background-size: 75%; 
    background-color: #000000 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/2364/8115/files/whole_logo_500x500_c18a99a2-18f3-4ccf-ab72-faa16fe39342_x200.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--well-roasted {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-well-roasted.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--york-emporium {
    background-size: 84%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-york-emporium-1.png');
    background-repeat: no-repeat;
    background-position-y: 42%;
    background-position-x: center;
}
.roaster .logo.roaster--coffee-folk {
    background-size: 102%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-coffee-folk.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--heart-and-graft {
    background-size: 90%; 
    background-color: #56004e !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0750/5327/t/2/assets/logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--passion-fruit {
    background-size: 50%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-passion-fruit-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--backyard-coffee {
    background-size: 90%; 
    background-color: #1a191c !important;
    background-image: url('/resources/images/logo-backyard-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffee-real {
    background-size: 80%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-coffee-real.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hill-top-brews {
    background-size: 130%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-hilltop-brews.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--outpost {
    background-size: 80%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-outpost-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--chimney-fire {
    background-size: 95%; 
    background-color: #212121 !important;
    background-image: url('/resources/images/logo-chimney-fire.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--luckie-beans {
    background-size: 75%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-luckie-beans.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--mr-eion {
    background-size: 110%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-mr-eion.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--missing-bean {
    background-size: 230%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-missingbean.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
}
.roaster .logo.roaster--root-branch {
    background-size: 75%; 
    background-color: #1f3143 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0090/3865/9669/files/RB_transparent_white_80x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--grain-grind {
    background-size: 100%; 
    background-color: #495b6b !important;
    background-image: url('/resources/images/logo-grainandgrind.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--river {
    background-size: 110%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-river.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--third-wave {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-third-wave.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--javabean {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-javabean-1.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fortitude {
    background-size: 110%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-fortitude.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--river-city {
    background-size: 100%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-river-city-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--grey-seal {
    background-size: 75%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-grey-seal.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--jolly-bean {
    background-size: 80%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-jolly-bean.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--rockhill-brothers {
    background-size: 110%; 
    background-color:#f5f3dd !important;
    background-image: url('/resources/images/logo-rockhillbrothers.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--roasting-shed {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-roasting-shed.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--obadiah {
    background-size: 90%; 
    background-color:#fff5f0 !important;
    background-image: url('/resources/images/logo-obadiah-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--notes {
    background-size: 90%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-notes-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fire-station {
    background-size: 90%; 
    background-color:#e6e6e6 !important;
    background-image: url('/resources/images/logo-fire-station-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--assembly {
    background-size: 90%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-assembly.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--rising-ground {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-rising-ground.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cairngorm {
    background-size: 85%; 
    background-color:#fed231 !important;
    background-image: url('/resources/images/logo-cairngorm-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--department-of-coffee {
    background-size: 70%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-department-of-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--nude-coffee {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-nude-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--clo {
    background-size: 77%; 
    background-color:#fafafa !important;
    background-image: url('https://images.squarespace-cdn.com/content/5d67d7fff79b840001fd47df/1567094999433-489H13P15E9T4X888GTV/CLO-logo-text-WHITE-box.png?format=500w&content-type=image%2Fpng');     background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--seven-districts {
    background-size: 75%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-seven-districts.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--exe-coffee {
    background-size: 75%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-exe-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bailies {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-bailies.avif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--maude {
    background-size: 260%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-maude-coffee.webp');
    background-repeat: no-repeat;
    background-position-y: 55%;
    background-position-x: -4%;
}
.roaster .logo.roaster--thompsons {
    background-size: 110%; 
    background-color:#e6e6e6 !important;
    background-image: url('/resources/images/logo-thomosons-coffee.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--vagabond {
    background-size: 64%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-vagabond.avif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--weaniebeans {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0250/8243/t/8/assets/logo.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--papercup {
    background-size: 90%; 
    background-color:#030303 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0064/7967/5461/files/LOGO_82057973-14cf-47fb-b8ae-69c0036e9029_x60@2x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--garage-coffee {
    background-size: 107%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/1440/4056/files/GC-Logo---900px_75x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--olfactory {
    background-size: 110%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0831/6631/t/16/assets/logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cast-iron {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-cast-iron.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--gentlemen-baristas {
    background-size: 80%; 
    background-color:#f9f4e8 !important;
    background-image: url('/resources/images/logo-gentlemen-baristas.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--anvil {
    background-size: 86%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/1492/1392/files/ANVIL-COFFEE-ROASTERS-BLACK-on-transparent-small_180x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bean-shop {
    background-size: 86%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0188/5540/t/4/assets/apple-touch-114.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--sacred-grounds {
    background-size: 65%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-sacred-grounds.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--yallah {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/1498/5720/t/7/assets/logo.png');
    background-image: url('/resources/images/logo-yallah.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--causeway {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-causeway-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--shiloh {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-shiloh-coffee-roasters.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fountain-rock {
    background-size: 85%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0023/2298/9167/files/Fountain_Rock_logo_400x334.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--williams-johnson {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-williams-johnson.png');
    background-repeat: no-repeat;
    background-position-y: 60%;
    background-position-x: center;
}
.roaster .logo.roaster--rinaldos {
    background-size: 150%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0875/5354/t/22/assets/logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: -20%;
}
.roaster .logo.roaster--volcano {
    background-size: 85%; 
    background-color:#000000 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/2502/9096/files/volcano-logo_1_2x_9a8c78e7-2eb3-462d-be09-3da0b43897eb.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--green-farm {
    background-size: 220%; 
    background-color:#26282a !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0080/5355/5263/files/gfc-logo_250x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: -8%;
}
.roaster .logo.roaster--ue-coffee {
    background-size: 94%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-ue-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cotswold-roasters {
    background-size: 76%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-cotswold-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--rituals {
    background-size: 110%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0232/1167/t/5/assets/sticky-header-logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cherry-storm {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0060/9127/6355/files/CHERRY_STORM_Logo_300x300.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--brewcoffeeplus {
    background-size: 85%; 
    background-color:#ffefe7 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0121/3225/3755/files/54723F62-E76E-4750-B22F-03E01B03ADD3_200x.jpeg');
    background-repeat: no-repeat;
    background-position-y: 135%;
    background-position-x: center;
}
.roaster .logo.roaster--yellowbourbon {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/2275/4755/files/download_b1582a1a-66de-4e0a-99dd-9e8cf184e440_450x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--plotroasting {
    background-size: 320%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0215/0812/8832/files/Plot-Logo-Horisontal-Pink-on-Grey_540x.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 18%;
}
.roaster .logo.roaster--caravan {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-caravan.png');
    background-repeat: no-repeat;
    background-position-y: 80%;
    background-position-x: center;
}
.roaster .logo.roaster--pebblepine {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-pebble-and-pine-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--crosby {
    background-size: 55%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-crosby.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--dtcoffee {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0032/9030/0485/files/DT_400x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--skye {
    background-size: 96%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-skye-coffee-roasters.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--ovenbird {
    background-size: 100%; 
    background-color:#1a1a1d !important;
    background-image: url('/resources/images/logo-ovenbird.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--breakfluid {
    background-size: 140%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0150/3232/0054/files/bf_logo_356x200.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--beanberry {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0153/9499/t/46/assets/logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--poblado {
    background-size: 94%; 
    background-color:#707f8f !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0232/3103/7520/files/Poblado_Logo_1_White_300x300.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--pilgrims {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0386/0249/files/nobg_1000x312.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--flatcap {
    background-size: 100%; 
    background-color: #0b0d0d !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0288/3469/3213/files/Flat_Cap_Coffee_Logo_Gold_180x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--saltire {
    background-size: 89%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0298/6999/8213/files/Screenshot_2020-01-05_at_20.17.05_360x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--threeridingscoffee {
    background-size: 130%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0256/2290/4935/files/Map_Black_logo_100x@2x.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--kulturecoffee {
    background-size: 96%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0139/3210/1689/files/KULTURE_LGO_JPEG_900x.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--blackcatcoffee {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-black-cat.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--kilted-coffee {
    background-size: 120%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-kilted-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--javacoffeeroasters {
    background-size: 88%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-java-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--artisanroast {
    background-size: 46%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-artisan-roast.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hundredhouse {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0134/6633/7380/files/HundredHouse_Logos72ppi-03_110x@2x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--darkwoods {
    background-size: 85%; 
    background-color:#fdb71a !important;
    background-image: url('/resources/images/logo-dark-woods.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--symposium {
    background-size: 75%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-symposium.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--carnival {
    background-size: 82%; 
    background-color:#d4112b !important;
    background-image: url('/resources/images/logo-carnival.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bristoltwenty {
    background-size: 93%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-bristol-twenty-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--mikahblue {
    background-size: 110%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-mikah-blue.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeemango {
    background-size: 108%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-coffeemango.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--colombiacoffee {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-colombia-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--sendero {
    background-size: 93%; 
    background-color:#1f191b !important;
    background-image: url('/resources/images/logo-sendero-specialty-coffee.png');
    background-repeat: no-repeat;
    background-position-y: 15%;
    background-position-x: center;
}
.roaster .logo.roaster--buno {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-buno-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--sidewalkcoffee {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/1132/9750/files/page04_300x300.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--oldspike {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-old-spike.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--chippcoffee {
    background-size: 85%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-chipp.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--aviator {
    background-size: 94%; 
    background-color:#181b1a !important;
    background-image: url('/resources/images/logo-aviator-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--thecoffeecounter {
    background-size: 98%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-the-coffee-counter.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--eightysevenplus {
    background-size: 85%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-87-plus-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--duefratelli {
    background-size: 350%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-due-fratelli.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
}
.roaster .logo.roaster--propercoffeeco {
    background-size: 75%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-the-proper-coffee-co.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--footprintcoffee {
    background-size: 100%; 
    background-color:#86898c !important;
    background-image: url('/resources/images/logo-footprint-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cafezinho {
    background-size: 90%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-cafezinho.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--roastinghouse {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-roastinghouse.png');
    background-repeat: no-repeat;
    background-position-y: 60%;
    background-position-x: center;
}
.roaster .logo.roaster--redroaster {
    background-size: 55%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-redroaster.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--theroastingparty {
    background-size: 75%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-roasting-party.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--greenbridgeorganics {
    background-size: 85%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-green-bridge-organics.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--ouseburncoffee {
    background-size: 70%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-ouseburn-coffee-co.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--handsoncoffee {
    background-size: 100%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-hands-on-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--modernstandard {
    background-size: 60%; 
    background-color:#1e429b !important;
    background-image: url('/resources/images/logo-modern-standard-coffee.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--quirkycoffeeco {
    background-size: 120%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-quirky-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--roastworks {
    background-size: 140%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-roastworks.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cricklewoodcoffee {
    background-size: 94%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-cricklewood.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hrhiggins {
    background-size: 96%; 
    background-color:#222222 !important;
    background-image: url('/resources/images/logo-h-r-higgins-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--viceroast {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-vice-roast.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--islandroasted {
    background-size: 105%; 
    background-color:#e7e1c2 !important;
    background-image: url('/resources/images/logo-island-roasted.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--ironandire {
    background-size: 120%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-iron-fire-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--primocoffee {
    background-size: 90%; 
    background-color:#fe0198 !important;
    background-image: url('/resources/images/logo-primo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--lincoln {
    background-size: 95%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-lincoln.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--wholeintheground {
    background-size: 100%; 
    background-color:#e47d50 !important;
    background-image: url('/resources/images/logo-whole-in-the-groud.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--sabinscoffee {
    background-size: 103%; 
    background-color:#a9dcd7 !important;
    background-image: url('/resources/images/logo-sabinscoffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--legacycoffees {
    background-size: 60%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-legacy-coffees.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--scottiescoffee {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-scotties-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--nowcoffee {
    background-size: 75%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-now-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--winchestercoffee {
    background-size: 70%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-winchester-coffee-roasters.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--lostbarn {
    background-size: 103%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-lost-barn.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hejcoffee {
    background-size: 68%; 
    background-color:#0e0e0e !important;
    background-image: url('/resources/images/logo-hej.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--theroastingproject {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-roasting-project.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--routescoffee {
    background-size: 85%; 
    background-color:#202020 !important;
    background-image: url('/resources/images/logo-routes-coffee.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--ristrettocoffee {
    background-size: 242%; 
    background-color:#333e48 !important;
    background-image: url('/resources/images/logo-ristretto-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: -5%;
    background-position-x: center;
}
.roaster .logo.roaster--welshcoffee {
    background-size: 96%; 
    background-color:#333333 !important;
    background-image: url('/resources/images/logo-welsh-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fidelacoffee {
    background-size: 70%; 
    background-color: #49bb94 !important;
    background-image: url('/resources/images/logo-fidela.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--monmouthcoffee {
    background-size: 92%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-monmouth-coffee.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--80stone {
    background-size: 108%; 
    background-color: #c3d4e2 !important;
    background-image: url('/resources/images/logo-80-stone.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeecentral {
    background-size: 89%; 
    background-color:#37401c !important;
    background-image: url('/resources/images/logo-coffee-central.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--norfolkcoffee {
    background-size: 105%; 
    background-color:#2b313e !important;
    background-image: url('/resources/images/logo-norfolk-coffee-co.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--neighbourhoodcoffee {
    background-size: 445%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-neighbourhood-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
}
.roaster .logo.roaster--wellingtoncoffee {
    background-size: 100%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-wellington-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--littlestone {
    background-size: 88%; 
    background-color: #f3f3f3 !important;
    background-image: url('/resources/images/logo-littlestone-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeedirect {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-coffee-direct.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--casaespresso {
    background-size: 100%; 
    background-color: #28235d !important;
    background-image: url('/resources/images/logo-casaespresso.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--stewartscoffees {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-stewarts-of-trent-bridge.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--forgecoffeeroasters {
    background-size: 85%; 
    background-color: #8f6b2a !important;
    background-image: url('/resources/images/logo-forge-roasters.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--invernesscoffeeroasting {
    background-size: 66%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-inverness-coffee-roasting.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--iicommon {
    background-size: 125%; 
    background-color: #ffffff !important;
    background-image: url('https://images.squarespace-cdn.com/content/5aa4c2d67c93279bbc968931/1522884218855-IGRSLFABEEPYN3KTRKFX/logo.jpg?format=500w&content-type=image%2Fjpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
}
.roaster .logo.roaster--wolfox {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('https://images.squarespace-cdn.com/content/59fdb387e9bfdfda23ebe262/1570394291358-UVBTVRXVUK96SYE8BAP3/WF+LOGO+1.png?format=500w&content-type=image%2Fpng');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bounbeans {
    background-size: 130%; 
    background-color: #ffffff !important;
    background-image: url('https://images.squarespace-cdn.com/content/57430aa1f8baf3f38dfd5593/1534673058281-TYKJX0M70BN7IH6FZ0JP/1.jpg?format=300w&content-type=image%2Fjpeg');
    background-repeat: no-repeat;
    background-position-y: -40%;
    background-position-x: center;
}
.roaster .logo.roaster--106coffee {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('https://images.squarespace-cdn.com/content/5a6225bf1f318dcab732ff1c/1551036058364-VYP8B1KRQU2BLEQMVVRA/106-CoffeeRoasters_Web-RGB.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--flyinghorse {
    background-size: 80%; 
    background-color: #000000 !important;
    background-image: url('https://images.squarespace-cdn.com/content/5c5d0e0e77889776f73b9ec2/1549603647210-12CEXKL5EP4KZ8H7PF3G/FHC-logo-white.png?format=500w&content-type=image%2Fpng');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--sundaycoffee {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-sundaycoffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--no13 {
    background-size: 85%; 
    background-color: #fafafa !important;
    background-image: url('https://images.squarespace-cdn.com/content/5d0f6b63d1691a0001ffe125/1571686702958-ZEXJ8O3GCRFZIYSSEU0B/No+13_Coral+Logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--argyllcoffee {
    background-size: 85%; 
    background-color: #3c3434 !important;
    background-image: url('/resources/images/logo-argyll.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--echelon {
    background-size: 85%; 
    background-color: #dbfff6 !important;
    background-image: url('https://images.squarespace-cdn.com/content/5b2d0da8a9e028665b15c264/1541759956412-1EI2M1487K6XLUKE19QX/ECHELON-BLACK-02.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--woodstcoffee {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-wood-st-coffee.gif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--broadoak {
    background-size: 105%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-broadoak.gif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coldblow {
    background-size: 85%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-coldblow.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--colonna {
    background-size: 75%; 
    background-color: #00a6b0 !important;
    background-image: url('/resources/images/logo-colonna.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--manifesto {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-manifesto.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--stokescoffee {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-stokes.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bigrock {
    background-size: 100%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-bigrock.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--stirlingcoffee {
    background-size: 90%; 
    background-color: #ff9f01 !important;
    background-image: url('/resources/images/logo-stirlingcoffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--beancapitalcoffee {
    background-size: 100%; 
    background-color: #462714 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0107/4069/5099/files/Logo_300x300.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--pinklanecoffee {
    background-size: 125%; 
    background-color: #f58f8a !important;
    background-image: url('/resources/images/logo-pinklanecoffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--presscoffee {
    background-size: 60%; 
    background-color: #f4f2f0 !important;
    background-image: url('/resources/images/logo-presscoffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--libertycoffee {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/1373/2805/files/Liberty_Rebrand_BW_transparent_logo_7e18365f-d2ee-4af1-8d3e-6ef05729fe17_195x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cafeconexion {
    background-size: 85%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-cafeconexion.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--wackaespresso {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0006/8095/1873/files/Large_Wacka_Espresso_Logo_SMALL_PNG_420x.png');
    background-repeat: no-repeat;
    background-position-y: 70%;
    background-position-x: center;
}
.roaster .logo.roaster--coaltown {
    background-size: 80%; 
    background-color: #24201f !important;
    background-image: url('/resources/images/logo-coaltown.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cartwheel {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0012/4869/0220/files/cartwheel_final_one_360x.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--whiterose {
    background-size: 110%; 
    background-color:#252723 !important;
    background-image: url('/resources/images/logo-white-rose.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--perception {
    background-size: 110%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-perception.jpg');
    background-repeat: no-repeat;
    background-position-y: 20%;
    background-position-x: center;
}
.roaster .logo.roaster--balancecoffee {
    background-size: 147%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-balancecoffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeewanchors {
    background-size: 96%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-coffee-wanchors.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--campervancoffeeco {
    background-size: 110%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-campervan.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--manumit {
    background-size: 100%; 
    background-color:#a9c25b !important;
    background-image: url('/resources/images/logo-manumit.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--blossom {
    background-size: 50%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-blossom-coffee.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--indycoffee {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-indy-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--stackscoffee {
    background-size: 82%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-stacks-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--thehoneybee {
    background-size: 100%; 
    background-color: #e4d4a5 !important;
    background-image: url('/resources/images/logo-honeybee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--39steps {
    background-size: 68%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-39-steps.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--sustain {
    background-size: 70%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-sustain-coffee.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hometown {
    background-size: 100%; 
    background-color:#eab38c !important;
    background-image: url('/resources/images/logo-hometown.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeeingco {
    background-size: 96%; 
    background-color: #010101 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0381/9785/4346/files/coffee-ing_co._logo_black_rectangle_200mm_wide__outline_text__-_no_print.._260x@2x.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--elsewherecoffee {
    background-size: 80%; 
    background-color: #e7ebf0 !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0274/9746/3873/files/Elsewhwere_Logo-RGB_Black_O_600x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--roastlab {
    background-size: 86%; 
    background-color: #1f130e !important;
    background-image: url('/resources/images/logo-roastlab.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--macondo {
    background-size: 52%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0123/6133/4884/files/Logo_600x200.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeenovice {
    background-size: 89%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0395/0025/1302/files/Instagram_Profile_Picture_b26b47c6-5bc9-4183-a5d4-70c0de9e591b_350x.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--republicofcoffee {
    background-size: 98%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-republic-of-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--copper {
    background-size: 98%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-copper-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--pelicano {
    background-size: 188%; 
    background-color: #000000 !important;
    background-image: url('https://static.wixstatic.com/media/dcb19a_12d22e960dc54809b6f5dda9fc5f34d5~mv2.jpg/v1/fill/w_704,h_144,al_c,q_80,usm_0.66_1.00_0.01/peli%20header%20img.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
}
.roaster .logo.roaster--soroast {
    background-size: 105%; 
    background-color: #ffffff !important;
    background-image: url('https://static.wixstatic.com/media/083589_9d0998f6c17e43c48a3d4bec268fc68a~mv2.jpg/v1/fill/w_120,h_120,al_c,q_80,usm_0.66_1.00_0.01/SOROASTLOGO.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--newground {
    background-size: 85%; 
    background-color: #ffffff !important;
    background-image: url('https://static.wixstatic.com/media/c48899_b90c2d1b6ac54790905e73d7fd1552f1~mv2_d_1854_1230_s_2.png/v1/fill/w_446,h_296,al_c,q_85,usm_0.66_1.00_0.01/c48899_b90c2d1b6ac54790905e73d7fd1552f1~mv2_d_1854_1230_s_2.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hermanos {
    background-size: 106%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-hermanos.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--onthegrind {
    background-size: 92%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-on-the-grind-2.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--wildheart {
    background-size: 75%; 
    background-color: #ffffff !important;
    background-image: url('https://static.wixstatic.com/media/7b9f5b_025b0ec97b4b4cd0a74709bbd2399900~mv2.png/v1/fill/w_200,h_200,al_c,q_85,usm_0.66_1.00_0.01/WLD%20HRT%20Black%20SQ%20sig%20.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--stmartins {
    background-size: 86%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-st-martins-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--triplecoroast {
    background-size: 80%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-triple-co-roast.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--faodail {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-faodail-roastery.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--thecolonelsson {
    background-size: 95%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-colonel-son-coffee-roasters.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--landsendcoffee {
    background-size: 115%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-lands-end-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--kofra {
    background-size: 87%; 
    background-color: #ffde16 !important;
    background-image: url('/resources/images/logo-kofra.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--abstract {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-abstract-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--eacoffee {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-eacoffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--blackbear {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-black-bear-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--crown-canvas {
    background-size: 83%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-crown-canvas.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--missioncoffeeworks {
    background-size: 91%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-missioncoffeeworks.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--blaknektar {
    background-size: 88%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-blak-nektar.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--tindonkey {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-tin-donkey-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 70%;
}
.roaster .logo.roaster--boona-boona {
    background-size: 78%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-boona-boona.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--lost-horizon {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-lost-horizon.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--piccolos {
    background-size: 200%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-piccolos.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--urban-baristas {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-urban-baristas.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--alpaca-coffee {
    background-size: 96%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-alpaca-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--seamoor {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-seamoor-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--girl-with-portafilter {
    background-size: 80%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-girl-with-portafilter.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--sleeper {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-sleeper-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--lars-and-margo {
    background-size: 105%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-lars-and-margo-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--5-rings {
    background-size: 59%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-5-rings-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fika {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-fika-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--naked-roaster {
    background-size: 122%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-naked-roaster.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--abeandco {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-abe-and-co.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--altitude {
    background-size: 120%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-altitude-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--baristocracy {
    background-size: 100%; 
    background-color: #caccc7 !important;
    background-image: url('/resources/images/logo-baristocracy.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffee-being {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-coffee-being.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bean-coffee {
    background-size: 85%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-bean-coffee.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--cauz {
    background-size: 100%; 
    background-color: #fe6d69 !important;
    background-image: url('/resources/images/logo-cauz.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--carve {
    background-size: 100%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-carve-coffee-roasters.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--boost-coffee-co {
    background-size: 78%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-boost-coffee-co.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--ridge-roastery {
    background-size: 82%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-ridge-roastery.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--loud-mouth {
    background-size: 70%; 
    background-color: #a473b7 !important;
    background-image: url('/resources/images/logo-loud-mouth-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeestry {
    background-size: 82%; 
    background-color: #fde6db !important;
    background-image: url('/resources/images/logo-coffeestry.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--roastingplant {
    background-size: 96%; 
    background-color: #112044 !important;
    background-image: url('/resources/images/logo-roastingplant.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--exhale {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-exhale-healthy-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--watchhouse {
    background-size: 90%; 
    background-color: #f8f3df !important;
    background-image: url('/resources/images/logo-watchhouse.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fireheart {
    background-size: 100%; 
    background-color: #1d1d1b !important;
    background-image: url('/resources/images/logo-fireheart-coffee.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--leicester-coffee-house {
    background-size: 90%; 
    background-color: #5c6165 !important;
    background-image: url('/resources/images/logo-leicester-coffee-house.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--yorks {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-yorks-cafe.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--opus-coffee-co {
    background-size: 80%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-opus-coffee-co.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--peaberry-coffee-roasters {
    background-size: 90%; 
    background-color: #121315 !important;
    background-image: url('/resources/images/logo-peaberry-coffee-roasters.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--two-dogs-coffee {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-two-dogs-coffee.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--kaffee-culture {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-kaffee-culture.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--art-and-coffee {
    background-size: 75%; 
    background-color: #ededee !important;
    background-image: url('/resources/images/logo-art-and-coffee.gif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--runner-bean {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-runner-bean-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--presto-coffee {
    background-size: 90%; 
    background-color: #0d142a !important;
    background-image: url('/resources/images/logo-presto-coffee.png');
    background-repeat: no-repeat;
    background-position-y: 60%;
    background-position-x: center;
}
.roaster .logo.roaster--roastery-hope-coffee {
    background-size: 92%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-roastery-hope-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--big-time-coffee {
    background-size: 90%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-big-time-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--gahm {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-qahm-specialty-coffee.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--pearhaus-coffee {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-pearhaus-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--speyside-coffee {
    background-size: 90%; 
    background-color: #e8ded9 !important;
    background-image: url('/resources/images/logo-speyside-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--farm-to-home {
    background-size: 96%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-farm-to-home-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--velik {
    background-size: 96%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-velik-coffee.jpeg');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: center;
}
.roaster .logo.roaster--foundation {
    background-size: 92%; 
    background-color: #313539 !important;
    background-image: url('/resources/images/logo-foundation-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--apostle {
    background-size: 228%; 
    background-color: #f5f5f5 !important;
    background-image: url('/resources/images/logo-apostle-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--black-rain {
    background-size: 200%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-black-rain-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--mokaffa {
    background-size: 115%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-mokaffa-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--simba-bru {
    background-size: 100%; 
    background-color: #292624 !important;
    background-image: url('/resources/images/logo-simba-bru-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--redemption-roasters {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-redemption-roasters.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--funky-flamingo {
    background-size: 44%; 
    background-color: #36454f !important;
    background-image: url('/resources/images/logo-funky-flamingo-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--recent-beans {
    background-size: 91%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-recent-beans.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--broadway-coffee-roasters {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-broadway-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--bad-hand-coffee {
    background-size: 67%; 
    background-color: #151718 !important;
    background-image: url('/resources/images/logo-bad-hand-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffeegems {
    background-size: 100%; 
    background-color: #98d1de !important;
    background-image: url('/resources/images/logo-coffee-gems.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--hope-espresso {
    background-size: 100%; 
    background-color: #f4ac3f !important;
    background-image: url('/resources/images/logo-hope-espresso.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--solliebox {
    background-size: 100%; 
    background-color: #ff8303 !important;
    background-image: url('/resources/images/logo-solliebox.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--nelson-coffee-roasters {
    background-size: 55%; 
    background-color: #12284c !important;
    background-image: url('/resources/images/logo-nelson-coffee-roasters.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--johnwatt {
    background-size: 90%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-john-watt-and-son.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--coffee-connect {
    background-size: 100%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-coffee-connect.gif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--rounton {
    background-size: 75%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-rounton-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--electro {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-electro-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--big-dog {
    background-size: 80%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-big-dog-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--halvo-coffee {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-halvo-coffee.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--barista-and-co {
    background-size: 100%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-barista-and-co.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--potterbeans {
    background-size: 100%; 
    background-color: #e5d9c4 !important;
    background-image: url('/resources/images/logo-potterbeans.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--camden-coffee-roastery {
    background-size: 52%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-camden-coffee-roastery.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--liquid-spirit {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-liquid-spirit.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--lost-sheep-coffee {
    background-size: 100%; 
    background-color: #feec01 !important;
    background-image: url('/resources/images/logo-lost-sheep-coffee.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--wrexham-bean {
    background-size: 80%; 
    background-color: #fff8f3 !important;
    background-image: url('/resources/images/logo-wrexham-bean.avif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--owens-coffee {
    background-size: 90%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-owens-coffee.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--colco-coffee {
    background-size: 110%; 
    background-color: #223150 !important;
    background-image: url('/resources/images/logo-colco-coffee.avif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--trading-post {
    background-size: 105%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-trading-post.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--ginger-monkey {
    background-size: 100%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-ginger-monkey.webp');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--small-batch-roasting {
    background-size: 86%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-small-batch-roasting.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--small-harmony-coffee {
    background-size: 70%; 
    background-color: #faf6e4 !important;
    background-image: url('/resources/images/logo-harmony-coffee.avif');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fullspectrumcoffee {
    background-size: 100%; 
    background-color: #000000 !important;
    background-image: url('/resources/images/logo-fullspectrumcoffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--beanscoffeeclub {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('https://beanscoffeeclub.com/wp-content/themes/beans/images/beans-logo-@2x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--dogandhat {
    background-size: 65%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/2187/7325/files/Header_02_140x.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--batchcoffee {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-batchcoffee.jpg');
    background-repeat: no-repeat;
    background-position-y: 54%;
    background-position-x: center;
}
.roaster .logo.roaster--secretcaffeineclub {
    background-size: 40%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0270/4886/9940/files/SCC-Trimmed_x50.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--indy-coffee-box {
    background-size: 50%; 
    background-color: #fefc8a !important;
    background-image: url('/resources/images/logo-indy-coffee-box.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--rise-coffee-sub {
    background-size: 100%; 
    background-color: #f200a4 !important;
    background-image: url('/resources/images/logo-rise-coffee-subscription.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--craft-coffee-club {
    background-size: 89%; 
    background-color: #0d5985 !important;
    background-image: url('/resources/images/logo-craft-coffee-club.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--belfastcoffeeroasters {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-belfast-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--roost {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-roost-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--fireflow {
    background-size: 90%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0268/7247/9821/files/Fire-Flow-Coffee-Black-no-Back-TIghter_300x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--kickback {
    background-size: 85%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-kickback-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--allpressespresso {
    background-size: 110%; 
    background-color:#f8f3ed !important;
    background-image: url('/resources/images/logo-allpress-espresso.jpeg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--devoncoffeecompany {
    background-size: 70%; 
    background-color:#ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0709/1285/t/6/assets/logo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--methodcoffee {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-method-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--edgcumbes {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-edgcumbes.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--butterworthandson {
    background-size: 75%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-butterworth.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--theblendingroom {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-blending-room.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--carringtonscoffee {
    background-size: 140%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-carringtons.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--outcast {
    background-size: 95%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-outcast-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--rightbean {
    background-size: 95%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-rightbean.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--twochimps {
    background-size: 130%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-twochimps.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--baytowncoffee {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-baytown-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--maxfronteras {
    background-size: 90%; 
    background-color: #efecdc !important;
    background-image: url('/resources/images/logo-max-fronteras.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--terrone {
    background-size: 100%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-terrone.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--smithstreet {
    background-size: 80%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-smith-street-coffee-roasters.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--brookmillroastery {
    background-size: 100%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-brookmill-roastery.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--secondcity {
    background-size: 100%; 
    background-color: #ffdd36 !important;
    background-image: url('/resources/images/logo-secondcity.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--quantumroasters {
    background-size: 100%; 
    background-color: #005566 !important;
    background-image: url('/resources/images/logo-quantum.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--threehillscoffee {
    background-size: 92%; 
    background-color: #ffffff !important;
    background-image: url('/resources/images/logo-three-hills.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 30%;
}
.roaster .logo.roaster--firstwebrew {
    background-size: 245%; 
    background-color: #ffffff !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0287/9193/0983/files/First_We_Brew_Logo-A14_540x.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: -5%;
}
.roaster .logo.roaster--gunslingers {
    background-size: 89%; 
    background-color:#000000 !important;
    background-image: url('/resources/images/logo-gunslingers-coffee.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--amoret {
    background-size: 110%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-amoret.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.roaster .logo.roaster--limini {
    background-size: 130%; 
    background-color:#ffffff !important;
    background-image: url('/resources/images/logo-limini-coffee.jpg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.pipe-tobaco{
  background-color: rgb(202,164,101) !important;
  color: rgb(255,255,255) !important;
}
.tobaco{
  background-color: rgb(223,189,126) !important;
  color: rgb(255,255,255) !important;
}
.acrid{
  background-color: rgb(185,164,73) !important;
  color: rgb(255,255,255) !important;
}
.ashy{
  background-color: rgb(137,152,147) !important;
  color: rgb(255,255,255) !important;
}
.smoky{
  background-color: rgb(161,116,59) !important;
  color: rgb(255,255,255) !important;
}
.brown-roast{
  background-color: rgb(137,72,16) !important;
  color: rgb(255,255,255) !important;
}
.burnt{
  background-color: rgb(190,134,99) !important;
  color: rgb(255,255,255) !important;
}
.grain{
  background-color: rgb(183,144,111) !important;
  color: rgb(255,255,255) !important;
}
.malt{
  background-color: rgb(235,157,94) !important;
  color: rgb(255,255,255) !important;
}
.cereal{
  background-color: rgb(221,175,97) !important;
  color: rgb(255,255,255) !important;
}
.roasted{
  background-color: rgb(201,73,48) !important;
  color: rgb(255,255,255) !important;
}
.pungent{
  background-color: rgb(121,70,82) !important;
  color: rgb(255,255,255) !important;
}
.pepper{
  background-color: rgb(204,60,66) !important;
  color: rgb(255,255,255) !important;
}
.anise{
  background-color: rgb(199,137,53) !important;
  color: rgb(255,255,255) !important;
}
.nutmeg{
  background-color: rgb(140,41,44) !important;
  color: rgb(255,255,255) !important;
}
.cinnamon{
  background-color: rgb(140,41,44) !important;
  color: rgb(255,255,255) !important;
}
.clove{
  background-color: rgb(161,108,90) !important;
  color: rgb(255,255,255) !important;
}
.brown-spice{
  background-color: rgb(177,77,87) !important;
  color: rgb(255,255,255) !important;
}
.spices{
  background-color: rgb(173,33,62) !important;
  color: rgb(255,255,255) !important;
}
.peanuts{
  background-color: rgb(212,173,19) !important;
  color: rgb(255,255,255) !important;
}
.hazelnut{
  background-color: rgb(157,84,51) !important;
  color: rgb(255,255,255) !important;
}
.almond{
  background-color: rgb(200,159,131) !important;
  color: rgb(255,255,255) !important;
}
.nutty{
  background-color: rgb(199,136,105) !important;
  color: rgb(255,255,255) !important;
}
.chocolate{
  background-color: rgb(105,42,25) !important;
  color: rgb(255,255,255) !important;
}
.dark-chocolate{
  background-color: rgb(71,6,3) !important;
  color: rgb(255,255,255) !important;
}
.cocoa{
  background-color: rgb(187,118,76) !important;
  color: rgb(255,255,255) !important;
}
.nutty-cocoa{
  background-color: rgb(168,123,100) !important;
  color: rgb(255,255,255) !important;
}
.molasses{
  background-color: rgb(49,12,15) !important;
  color: rgb(255,255,255) !important;
}
.maple-syrup{
  background-color: rgb(174,52,31) !important;
  color: rgb(255,255,255) !important;
}
.caramelized{
  background-color: rgb(215,136,35) !important;
  color: rgb(255,255,255) !important;
}
.honey{
  background-color: rgb(218,92,31) !important;
  color: rgb(255,255,255) !important;
}
.brown-sugar{
  background-color: rgb(212,90,89) !important;
  color: rgb(255,255,255) !important;
}
.vanilla{
  background-color: rgb(248,154,128) !important;
  color: rgb(255,255,255) !important;
}
.vanillin{
  background-color: rgb(243,118,116) !important;
  color: rgb(255,255,255) !important;
}
.overall-sweet{
  background-color: rgb(231,91,104) !important;
  color: rgb(255,255,255) !important;
}
.sweet-aromatics{
  background-color: rgb(208,84,95) !important;
  color: rgb(255,255,255) !important;
}
.sweet{
  background-color: rgb(230,88,50) !important;
  color: rgb(255,255,255) !important;
}
.black-tea{
  background-color: rgb(151,94,109) !important;
  color: rgb(255,255,255) !important;
}
.chamomile{
  background-color: rgb(249,158,27) !important;
  color: rgb(255,255,255) !important;
}
.rose{
  background-color: rgb(239,90,120) !important;
  color: rgb(255,255,255) !important;
}
.jasmine{
  background-color: rgb(247,241,189) !important;
  color: rgb(0,0,0) !important;
}
.sub-floral{
  background-color: rgb(224,113,156) !important;
  color: rgb(255,255,255) !important;
}
.floral{
  background-color: rgb(218,13,104) !important;
  color: rgb(255,255,255) !important;
}
.blackberry{
  background-color: rgb(62,3,23) !important;
  color: rgb(255,255,255) !important;
}
.raspberry{
  background-color: rgb(229,41,104) !important;
  color: rgb(255,255,255) !important;
}
.blueberry{
  background-color: rgb(100,105,176) !important;
  color: rgb(255,255,255) !important;
}
.strawberry{
  background-color: rgb(239,45,54) !important;
  color: rgb(255,255,255) !important;
}
.berry{
  background-color: rgb(221,76,81) !important;
  color: rgb(255,255,255) !important;
}
.raisin{
  background-color: rgb(181,59,84) !important;
  color: rgb(255,255,255) !important;
}
.prune{
  background-color: rgb(165,68,111) !important;
  color: rgb(255,255,255) !important;
}
.dried-fruit{
  background-color: rgb(201,74,68) !important;
  color: rgb(255,255,255) !important;
}
.coconut{
  background-color: rgb(208,124,54) !important;
  color: rgb(255,255,255) !important;
}
.cherry{
  background-color: rgb(231,52,81) !important;
  color: rgb(255,255,255) !important;
}
.pomegranate{
  background-color: rgb(230,86,86) !important;
  color: rgb(255,255,255) !important;
}
.pineapple{
  background-color: rgb(248,154,28) !important;
  color: rgb(255,255,255) !important;
}
.grape{
  background-color: rgb(174,185,44) !important;
  color: rgb(255,255,255) !important;
}
.apple{
  background-color: rgb(78,185,71) !important;
  color: rgb(255,255,255) !important;
}
.peach{
  background-color: rgb(246,138,92) !important;
  color: rgb(255,255,255) !important;
}
.pear{
  background-color: rgb(186,166,53) !important;
  color: rgb(255,255,255) !important;
}
.other-fruit{
  background-color: rgb(242,104,76) !important;
  color: rgb(255,255,255) !important;
}
.grapefruit{
  background-color: rgb(242,99,85) !important;
  color: rgb(255,255,255) !important;
}
.orange{
  background-color: rgb(226,99,30) !important;
  color: rgb(255,255,255) !important;
}
.lemon{
  background-color: rgb(253,228,2) !important;
  color: rgb(0,0,0) !important;
}
.lime{
  background-color: rgb(126,177,56) !important;
  color: rgb(255,255,255) !important;
}
.citrus-fruit{
  background-color: rgb(247,161,41) !important;
  color: rgb(255,255,255) !important;
}
.fruity{
  background-color: rgb(218,29,35) !important;
  color: rgb(255,255,255) !important;
}
.sour-aromatics{
  background-color: rgb(158,167,24) !important;
  color: rgb(255,255,255) !important;
}
.acetic-acid{
  background-color: rgb(148,167,112) !important;
  color: rgb(255,255,255) !important;
}
.butyric-acid{
  background-color: rgb(208,179,79) !important;
  color: rgb(255,255,255) !important;
}
.isovaleric-acid{
  background-color: rgb(142,182,70) !important;
  color: rgb(255,255,255) !important;
}
.citric-acid{
  background-color: rgb(250,239,8) !important;
  color: rgb(0,0,0) !important;
}
.malic-acid{
  background-color: rgb(193,186,9) !important;
  color: rgb(255,255,255) !important;
}
.sour{
  background-color: rgb(225,195,21) !important;
  color: rgb(255,255,255) !important;
}
.winey{
  background-color: rgb(143,27,83) !important;
  color: rgb(255,255,255) !important;
}
.whiskey{
  background-color: rgb(179,64,57) !important;
  color: rgb(255,255,255) !important;
}
.fermented{
  background-color: rgb(186,146,50) !important;
  color: rgb(255,255,255) !important;
}
.overripe{
  background-color: rgb(139,100,57) !important;
  color: rgb(255,255,255) !important;
}
.alcohol-fermented{
  background-color: rgb(176,151,51) !important;
  color: rgb(255,255,255) !important;
}
.sour-fermented{
  background-color: rgb(235,180,13) !important;
  color: rgb(255,255,255) !important;
}
.olive-oil{
  background-color: rgb(162,176,40) !important;
  color: rgb(255,255,255) !important;
}
.raw{
  background-color: rgb(112,137,51) !important;
  color: rgb(255,255,255) !important;
}
.under-ripe{
  background-color: rgb(162,188,43) !important;
  color: rgb(255,255,255) !important;
}
.peapod{
  background-color: rgb(98,170,60) !important;
  color: rgb(255,255,255) !important;
}
.fresh{
  background-color: rgb(3,166,83) !important;
  color: rgb(255,255,255) !important;
}
.dark-green{
  background-color: rgb(4,133,73) !important;
  color: rgb(255,255,255) !important;
}
.vegetative{
  background-color: rgb(39,180,75) !important;
  color: rgb(255,255,255) !important;
}
.hay-like{
  background-color: rgb(163,168,48) !important;
  color: rgb(255,255,255) !important;
}
.herb-like{
  background-color: rgb(122,193,65) !important;
  color: rgb(255,255,255) !important;
}
.sub-green-vegetive{
  background-color: rgb(58,162,85) !important;
  color: rgb(255,255,255) !important;
}
.beany{
  background-color: rgb(94,154,128) !important;
  color: rgb(255,255,255) !important;
}
.green-vegetive{
  background-color: rgb(25,122,47) !important;
  color: rgb(255,255,255) !important;
}
.stale{
  background-color: rgb(139,140,144) !important;
  color: rgb(255,255,255) !important;
}
.cardboard{
  background-color: rgb(139,140,144) !important;
  color: rgb(255,255,255) !important;
}
.papery{
  background-color: rgb(254,254,244) !important;
  color: rgb(0,0,0) !important;
}
.woody{
  background-color: rgb(116,79,2) !important;
  color: rgb(255,255,255) !important;
}
.mouldy-damp{
  background-color: rgb(163,163,111) !important;
  color: rgb(255,255,255) !important;
}
.musty-dusty{
  background-color: rgb(201,181,131) !important;
  color: rgb(255,255,255) !important;
}
.musty-earthy{
  background-color: rgb(152,136,71) !important;
  color: rgb(255,255,255) !important;
}
.animalic{
  background-color: rgb(157,151,127) !important;
  color: rgb(255,255,255) !important;
}
.meaty-brothy{
  background-color: rgb(204,123,106) !important;
  color: rgb(255,255,255) !important;
}
.phenolic{
  background-color: rgb(219,100,106) !important;
  color: rgb(255,255,255) !important;
}
.papery-misty{
  background-color: rgb(157,178,183) !important;
  color: rgb(255,255,255) !important;
}
.bitter{
  background-color: rgb(128,168,157) !important;
  color: rgb(255,255,255) !important;
}
.salty{
  background-color: rgb(222,242,253) !important;
  color: rgb(0,0,0) !important;
}
.medicinal{
  background-color: rgb(122,155,174) !important;
  color: rgb(255,255,255) !important;
}
.petroleum{
  background-color: rgb(3,159,184) !important;
  color: rgb(255,255,255) !important;
}
.skunky{
  background-color: rgb(94,119,123) !important;
  color: rgb(255,255,255) !important;
}
.rubber{
  background-color: rgb(18,12,12) !important;
  color: rgb(255,255,255) !important;
}
.chemical{
  background-color: rgb(118,192,203) !important;
  color: rgb(255,255,255) !important;
}
.other{
  background-color: rgb(10,163,181) !important;
  color: rgb(255,255,255) !important;
}
.wheel{
  background-color: rgb(255,255,255) !important;
  color: rgb(255,255,255) !important;
}
.unknown{
  background-color: rgb(250,250,250) !important;
  color: rgb(0,0,0) !important;
}
.green{
  background-color: rgb(166,155,126) !important;
  color: rgb(255,255,255) !important;
}
.dried{
  background-color: rgb(182,146,122) !important;
  color: rgb(255,255,255) !important;
}
.extra-light{
  background-color: rgb(137,111,88) !important;
  color: rgb(255,255,255) !important;
}
.light{
  background-color: rgb(126,101,79) !important;
  color: rgb(255,255,255) !important;
}
.medium-light{
  background-color: rgb(107,88,75) !important;
  color: rgb(255,255,255) !important;
}
.medium{
  background-color: rgb(100,87,70) !important;
  color: rgb(255,255,255) !important;
}
.medium-dark{
  background-color: rgb(105,93,78) !important;
  color: rgb(255,255,255) !important;
}
.dark{
  background-color: rgb(64,66,57) !important;
  color: rgb(255,255,255) !important;
}
.extra-dark{
  background-color: rgb(58,64,56) !important;
  color: rgb(255,255,255) !important;
}
.silly-dark{
  background-color: rgb(19,29,26) !important;
  color: rgb(255,255,255) !important;
}