#brand-the-tea-masters {
}


    #brand-the-tea-masters .btn {
        padding: 0.8rem 2rem;
        font-size: 1.5rem;
    }

    #brand-the-tea-masters h2 {
        font-size: 2.5rem;
    }


    #brand-the-tea-masters .banner1 {
        padding: 2rem 0 7rem 0;
        background: url(/images/brand/the-tea-masters/leaves-heading.png) no-repeat bottom;
        background-size: 100%;
        background-position: bottom;
    }



        #brand-the-tea-masters .banner1 .logo {
            width: 300px;
            margin: 0 auto 130px auto;
        }

            #brand-the-tea-masters .banner1 .logo img {
                width: 100%;
            }




    #brand-the-tea-masters .banner2 {
        padding: 4rem 0;
        background: url(/images/brand/the-tea-masters/tea-masters-aged-paper.jpg) no-repeat 50% 90%;
    }

        #brand-the-tea-masters .banner2 .info {
            margin-top: 4rem;
        }

        #brand-the-tea-masters .banner2 p {
        }

        #brand-the-tea-masters .banner2 .buttons {
            margin-top: 4rem;
        }



    #brand-the-tea-masters .banner3 {
        padding: 4rem 0;
    }


        #brand-the-tea-masters .banner3 .cols {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 2rem;
        }

            #brand-the-tea-masters .banner3 .cols img {
                max-width: 320px;
            }





    #brand-the-tea-masters .banner4 {
        padding: 4rem 0;
        background: url(/images/brand/the-tea-masters/map-aged-paper.jpg) no-repeat;
    }


        #brand-the-tea-masters .banner4 .tiles {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 1rem;
            margin-top: 3rem;
        }


        #brand-the-tea-masters .banner4 .tile {
            padding: 1rem;
            color: #fff;
            text-align: left;
        }


            #brand-the-tea-masters .banner4 .tile .icon {
                width: 50px;
                display: inline-block;
                text-align: left;
                vertical-align: top;
                margin-right: 1rem;
            }

                #brand-the-tea-masters .banner4 .tile .icon img {
                    width: 100%;
                }

            #brand-the-tea-masters .banner4 .tile .info {
                display: inline-block;
                text-align: left;
            }

            #brand-the-tea-masters .banner4 .tile.red-berry {
                background: #961F27;
                border-top-left-radius:10px;
            }

            #brand-the-tea-masters .banner4 .tile.darjeeling {
                background: #417749;
                border-top-right-radius:10px;
            }

            #brand-the-tea-masters .banner4 .tile.breakfast {
                background: #621225;
            }

            #brand-the-tea-masters .banner4 .tile.lemon-grass {
                background: #B7CC2E;
            }

            #brand-the-tea-masters .banner4 .tile.camomile {
                background: #AFBA63;
            }

            #brand-the-tea-masters .banner4 .tile.green-tea {
                background: #83BF7B;
            }

            #brand-the-tea-masters .banner4 .tile.rooibos {
                background: #A61D74;
            }

            #brand-the-tea-masters .banner4 .tile.earl-grey {
                background: #65739B;
            }

            #brand-the-tea-masters .banner4 .tile.breakfast-decaf {
                background: #92D4F2;
                border-bottom-left-radius:10px;
            }

            #brand-the-tea-masters .banner4 .tile.peppermint {
                background: #66ACA0;
                border-bottom-right-radius:10px;
            }

            #brand-the-tea-masters .banner4 .tile .info h2 {
                line-height: 1;
                margin: 0;
                padding: 0 0 0.3rem 0;
                font-size: 1.8rem;
            }

            #brand-the-tea-masters .banner4 .tile .info h3 {
                line-height: 1;
                margin: 0;
                padding: 0 0 0.2rem 0;
                text-transform: uppercase;
                font-size: 1rem;
            }

            #brand-the-tea-masters .banner4 .tile .info p {
                line-height: 1;
                margin: 0;
                padding: 0;
                font-size: 0.9rem;
            }




    #brand-the-tea-masters .banner5 {
        padding: 4rem 0;
    }

        #brand-the-tea-masters .banner5 .cols {
            display: grid;
            grid-template-columns: 3fr 1fr;
            grid-gap: 1rem;
        }

            #brand-the-tea-masters .banner5 .cols ul li {
                list-style: disc;
                list-style-position: inside;
            }



    #brand-the-tea-masters .banner6 {
        padding: 4rem 0 0 0;
        background: #EFE7DC;
    }

        #brand-the-tea-masters .banner6 h2 {
            margin-bottom: 3rem;
        }

        #brand-the-tea-masters .banner6 .info {
            margin-bottom: 5rem;
        }

        #brand-the-tea-masters .banner6 .buttons {
            margin-top: 4rem;
        }

        #brand-the-tea-masters .banner6 .img img {
            width: 100%;
        }




@media(max-width: 991px) {

    #brand-the-tea-masters .banner1 .logo {
        width: 270px;
        margin: 0 auto 70px auto;
    }


    #brand-the-tea-masters .banner3 .cols {
        grid-template-columns: 1fr;
    }

    #brand-the-tea-masters .banner4 .tiles {
        grid-template-columns: 1fr;
    }

    #brand-the-tea-masters .banner5 .cols {
        display: block;
    }

        #brand-the-tea-masters .banner5 .cols .img {
            display: none;
        }
}


@media(max-width: 767px) {

    #brand-the-tea-masters .banner1 .logo {
        width: 220px;
        margin: 0 auto 0px auto;
    }

    #brand-the-tea-masters h2 {
        font-size: 1.7rem;
    }
}

@media(max-width: 600px) {
    #brand-the-tea-masters .banner4 {
        background: #EFE7DC;
    }
}


@media(max-width: 500px) {

    #brand-the-tea-masters h2 {
        font-size: 1.4rem;
    }

    #brand-the-tea-masters .banner4 .tile .info h2 {
        font-size: 1.3rem;
    }

    #brand-the-tea-masters .banner4 .tile .info h3 {
        font-size: 0.9rem;
    }


    #brand-the-tea-masters .banner4 .tile .info p {
        font-size: 0.7rem;
    }

    #brand-the-tea-masters .banner4 .tile .icon {
        width: 35px;
    }

    #brand-the-tea-masters .banner6 {
        padding: 4rem 0;
    }

        #brand-the-tea-masters .banner6 .info {
            margin-bottom: 0;
        }

        #brand-the-tea-masters .banner6 .img {
            display: none;
        }
}