@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-Regular.eot');
    src: url('../../assets/fonts/KantarBrown-Regular.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-Regular.woff') format('woff'), url('../../assets/fonts/KantarBrown-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-ThinItalic.eot');
    src: url('../../assets/fonts/KantarBrown-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-ThinItalic.woff') format('woff'), url('../../assets/fonts/KantarBrown-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-Italic.eot');
    src: url('../../assets/fonts/KantarBrown-Italic.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-Italic.woff') format('woff'), url('../../assets/fonts/KantarBrown-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-BoldItalic.eot');
    src: url('../../assets/fonts/KantarBrown-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-BoldItalic.woff') format('woff'), url('../../assets/fonts/KantarBrown-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-Light.eot');
    src: url('../../assets/fonts/KantarBrown-Light.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-Light.woff') format('woff'), url('../../assets/fonts/KantarBrown-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-LightItalic.eot');
    src: url('../../assets/fonts/KantarBrown-LightItalic.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-LightItalic.woff') format('woff'), url('../../assets/fonts/KantarBrown-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-Bold.eot');
    src: url('../../assets/fonts/KantarBrown-Bold.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-Bold.woff') format('woff'), url('../../assets/fonts/KantarBrown-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Kantar Brown';
    src: url('../../assets/fonts/KantarBrown-Thin.eot');
    src: url('../../assets/fonts/KantarBrown-Thin.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/KantarBrown-Thin.woff') format('woff'), url('../../assets/fonts/KantarBrown-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


#csi-main {
    /*background: rgba(255, 234, 0, 0.25);*/
    /*background-image: -ms-linear-gradient( 180deg, rgba(255, 255, 255, 0.25), rgba(255, 234, 0, 0.25) );    
    background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.25), rgba(255, 234, 0, 0.25) );    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#fffabf');
    padding-bottom: 50px;*/
    font-family: "Kantar Brown";
}

    #csi-main h1,
    #csi-main h6,
    #csi-why h2,
    #csi-why h6,
    #csi-retailers-works h2 {
        font-family: "Kantar Brown";
        text-align: center;
        color: #666666;
    }

    #csi-main h1 {
        font-size: 4.5em;
        padding: 0;
        margin: 0;
        margin-top: 50px;
    }

        #csi-main h1 img {
            width: .625em;
            margin-top: -.5em;
            margin-left: -.2em;
        }

        #csi-main h1 span {
            color: #d80000;
            font-size: .625em;
        }

    #csi-main h6 {
        font-size: 1.3em;
    }

#csi-retailers-works p {
    font-family: "Kantar Brown";
}

.csi-header-img {
    padding-bottom: 2em;
}



#csi-main-left, #csi-main-right {
}

    #csi-main-left h2 {
        font-weight: 300;
        font-family: "Kantar Brown";
        color: #000;
        font-size: 1.65em;
        padding-bottom: 0;
    }


    #csi-main-left p {
        font-family: "Kantar Brown";
        color: #000;
        font-size: .70em;
    }

.request-access {
    background-color: #18b5ea;
    padding-top: 15px;
    padding-bottom: 11px;
    padding-left: 1em;
    padding-right: 1em;
    font-size: .9em;
    font-family: "Kantar Brown", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    /*border: 1px solid #fff;*/
    border-radius: 17px;
}

.margin-top-50 {
    margin-top: 50px;
}

.thumb-container {
    min-height: 75px;
}

a.request-access span {
    font-weight: 600;
    font-size: 16px;
}

.request-button-container {
    /*padding-left: 125px;*/
}

.img-placeholder {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.38);
}

#csi-why {
}

    #csi-why h2 {
        font-family: "Kantar Brown";
        font-weight: bold;
        text-transform: uppercase;
        color: #222328;
    }

    #csi-why h6 {
        /*padding-left: 4em;*/
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #csi-why p {
        text-align: center;
    }

@media (min-width: 320px) {
    a.launch-access {
        background-color: #848484 !important;
        width: 150px !important;
        margin-top: 10px !important;
    } 


    .centered-xs-only {
        text-align: center !important;

    }
    #affordable-access {
        color: #e9e9e9;
        background-image: url('../../Images/CanadianShopperInsights/v2/BackgroundMobile.png?v=1');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    #csi-main-left h2 {
        text-align: center;
        color: #e9e9e9;
    }

    #csi-main-left p {
        color: #e9e9e9;
        text-align: center;
        padding-bottom: 30px;
        font-size: 14px;
    }


    .request-button-container > a {
        margin: 0 auto;
        text-align: center;
        /*margin: 20px;*/
        /*background-color: #f68b20;*/
        background-color: rgb(0, 143, 225);
    }

    .request-button-container {
        margin-top: -30px;
        margin-bottom: 20px;
        text-align: center;
    }

    #csi-why {
        padding-top: 0;
        padding-bottom: 20px;
    }

        #csi-why h2 {
            margin-bottom: 20px;
            font-size: 1.5em;
        }

        #csi-why ul li {
            margin-top: 10px;
        }


    #csi-retailers-works h2 {
        font-size: 1.8em;
        font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        color: #222328;
    }

    #csi-why h6 {
        /*padding-left: 4em;*/
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #csi-why p {
        margin-top: 0;
        padding-top: 0;
        text-align: center;
        padding-left: 12%;
        padding-right: 12%;
        font-size: 14px;
    }

    #trying-it-all-together-text {
        text-align: center;
    }

        #trying-it-all-together-text h2 {
            font-family: "Kantar Brown";
            font-size: 1.8em;
        }

        #trying-it-all-together-text ul li {
            text-align: left;
            font-size: 14px;
        }


    #csi-retailers-works {
        padding-bottom: 40px;
    }

        #csi-retailers-works h2 {
            font-size: 1.5em;
            font-family: "Kantar Brown";
            font-weight: bold;
            text-transform: uppercase;
            color: #222328;
        }

        #csi-retailers-works h5 {
            font-weight: 400;
            font-size: 1.3em;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            color: #666666;
            padding-bottom: 15px;
        }



    #csi-retailers-works-thumbs p {
        font-family: "Kantar Brown";
        text-align: center;
        color: #666666;
        padding-left: 5%;
        padding-right: 5%;
        font-size: .8em;
    }

    #csi-retailers-works p {
        font-size: 14px;
    }


    #csi-retailers-works-thumbs {
        /*margin-top: 50px;*/
        /*margin-bottom: 50px;*/
    }

    #csi-retailers-works-thumb > div.row {
        margin-top: 50px;
        background: red;
    }

    #csi-retailers-works-thumbs h6 {
        font-weight: 600;
        font-size: 1em;
        font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
        text-transform: uppercase;
        color: #666666;
    }

    .margin-top-50 {
        margin-top: 0;
    }


    #csi-retailers-banner {
        background-image: url('../../Images/CanadianShopperInsights/v2/CanSS-background_mobile.png');
        background-size: 100% auto;
        padding-top: 40px;
        padding-bottom: 80px;
    }

        #csi-retailers-banner h2 {
            font-size: 1.8em;
            font-weight: 400;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            padding-bottom: 40px;
            text-align: center;
            color: #fff;
        }

        #csi-retailers-banner ul.list-inline {
            margin: 0;
            padding: 0;
        }

            #csi-retailers-banner ul.list-inline li {
                width: 100%;
                padding: 0;
                margin: 0;
            }

                #csi-retailers-banner ul.list-inline li img {
                    margin: 0 auto;
                }

    #ready-to-understand {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        #ready-to-understand h2 {
            color: #000000;
            font-size: 1.8em;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: bold;
            text-align: center;
            padding-bottom: 20px;
        }

        #ready-to-understand a.request-access {
            /*background-color: #f68b20;*/
            background-color: rgb(0, 143, 225);
        }

    #csi-retailers-footer {
        border-bottom: 2px solid white;
    }


    #blue-bg-callout {
        color: #000000;
        /*font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-image: url('../../Images/CanadianShopperInsights/v3/MerchandisingSection.png');
        background-size: 100% auto;
        background-repeat: no-repeat;*/
    }

        #blue-bg-callout h2, h3, h4 {
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #000000;
        }

        #blue-bg-callout h2 {
            font-size: 1.2em;
            line-height: 1.2em;
            font-weight: bold;
            margin: 10px 20px 20px 20px;
            text-align: center;
        }

        #blue-bg-callout h4 {
            text-align: left;
            font-size: 1em;
            line-height: 1.2em;
            /*margin: 10px 20px;*/
            font-weight: 400;
        }

        #blue-bg-callout h3 {
            /*text-align: center;*/
            font-size: 1.2em;
            font-weight: bold;
            /*margin: 0px 0px;*/
            margin-bottom: 10px;
            text-align: center;
        }

        #blue-bg-callout ul {
            text-align: center;
            margin: 0 auto;
            line-height: 2em;
        }


        #blue-bg-callout ul, #blue-bg-callout p {
            /*margin-left: 0;
            padding-left: 0;
            margin-right: 0;
            padding-right: 0;*/
            /*font-size: .6em;*/
        }

        #blue-bg-callout p {
            text-align: left;
        }

    #blue-bg-icons img {
        width: 25%;
        height: 25%;
    }

    #blue-bg-icons p {
        line-height: 1.3em;
        margin-top: 10px;
        text-align: center;
        /*font-size: .6em;*/
        margin-bottom: 20px;
    }
    /*.spaceout {
        line-height: 1.5em;
    }*/
    .csi-retailers-works-p {
        font-family: "Kantar Brown";
        font-size: 15px;
        line-height: 22.5px;
        margin-top: 10px;
        min-height: 1px;
        text-align: center;
        text-size-adjust: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
}


/* 320 ENDS*/
/* 768 starts*/

@media (min-width: 768px) {
    a.launch-access {
        background-color: #848484 !important;
        width: 150px !important;
        margin-top: 0 !important;
        
    } 
    .centered-xs-only {
        text-align: left !important;    
    }
    .csi-header-img {
        padding-bottom: 1em;
    }

    #csi-why ul li {
        margin-top: 20px;
    }


    #csi-main h2 {
        font-size: 26px;
    }

    #csi-main p,
    #csi-main ul {
        font-size: 14px;
    }

    #csi-main p {
        padding-top: 10px;
    }

    #affordable-access {
        color: #e9e9e9;
        /*height: 545px;*/
        background-image: url('../../Images/CanadianShopperInsights/v2/backgroundtablet.png?v=1');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    #csi-main-left h2 {
        padding-top: 15px;
        text-align: center;
        font-size: 26px;
        color: #e9e9e9;
    }

    #csi-main-left p {
        color: #e9e9e9;
        text-align: center;
        font-size: 14px;
        padding-bottom: 30px;
    }


    .request-button-container > a {
        margin: 0 auto;
        text-align: center;
        /*margin: 20px;*/
        /*background-color: #f68b20;*/
        background-color: rgb(0, 143, 225);

    }

    .request-button-container {
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    #csi-why {
        /*padding-top: 40px;*/
        padding-bottom: 40px;
    }

        #csi-why h2 {
            /*padding-top: 40px;*/
            font-family: "Kantar Brown";
            font-size: 1.8em;
            /*font-weight: 400;*/
            /*padding-bottom: 20px;*/
            color: #222328;
        }

    #csi-retailers-works h2 {
        /*padding-top: 40px;*/
        font-family: "Kantar Brown";
        font-size: 1.8em;
        color: #222328;
    }

    #csi-why h6 {
        /*padding-left: 4em;*/
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #csi-why p {
        margin-top: 0;
        padding-top: 0;
        text-align: center;
        padding-left: 12%;
        padding-right: 12%;
    }

    #trying-it-all-together-text {
        /*padding-left: 80px;*/
    }

        #trying-it-all-together-text > h4 {
            font-size: 1em;
            display: none;
        }



    #csi-retailers-works {
        padding-top: 50px;
        padding-bottom: 0px;
    }


        #csi-retailers-works h5 {
            font-weight: 400;
            font-size: 1.3em;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            color: #666666;
            padding-bottom: 15px;
        }



    /*#csi-retailers-works p,*/
    #csi-retailers-works-thumbs p {
        font-family: "Kantar Brown";
        text-align: center;
        color: #666666;
        padding-left: 5%;
        padding-right: 5%;
        font-size: .8em;
    }

    #csi-retailers-works p {
        padding-bottom: 2em;
    }

    #csi-retailers-works-thumbs {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #csi-retailers-works-thumb > div.row {
        margin-top: 50px;
        background: red;
    }

    #csi-retailers-works-thumbs h6 {
        font-weight: 600;
        font-size: 1em;
        font-family: 'Kantar Brown', "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        color: #666666;
    }

    #csi-retailers-banner {
        background-image: url('../../Images/CanadianShopperInsights/v2/CanSS-background_tablet.png');
        background-size: 100% auto;
        padding-top: 40px;
        padding-bottom: 80px;
    }

        #csi-retailers-banner h2 {
            font-size: 2.5em;
            font-weight: 400;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            padding-bottom: 40px;
            text-align: center;
            color: #fff;
        }

        #csi-retailers-banner ul.list-inline {
            margin: 0;
            padding: 0;
        }

            #csi-retailers-banner ul.list-inline li {
                width: 24%;
                padding: 0;
                margin: 0;
            }


    #ready-to-understand {
        padding-top: 0px;
        padding-bottom: 40px;
    }

        #ready-to-understand h2 {
            color: #000000;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            padding-bottom: 20px;
        }

        #ready-to-understand a.request-access {
            /*background-color: #f68b20;*/
            background-color: rgb(0, 143, 225);
        }


    #blue-bg-callout ul {
        text-align: left;
        margin: 15px auto;
        line-height: 1.5em;
    }


    #blue-bg-callout {
        color: #FFF;
        font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-image: url('../../Images/CanadianShopperInsights/v3/MerchandisingSection-higher.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

        #blue-bg-callout h2, h3, h4 {
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #FFF;
        }

        #blue-bg-callout h2 {
            text-align: center;
            font-size: 1em;
            margin: 20px 20px;
        }

        #blue-bg-callout h4 {
            text-align: center;
            font-size: 1em;
            line-height: 1.0em;
            margin: 10px 20px;
            font-weight: 400;
        }

        #blue-bg-callout h3 {
            text-align: center;
            font-size: 1.1em;
            font-weight: bold;
            margin: 0px 0px;
            margin-bottom: 10px;
        }

        #blue-bg-callout ul, #blue-bg-callout p {
            margin-left: 0;
            padding-left: 0;
            margin-right: 0;
            padding-right: 0;
            font-size: .7em;
        }

        #blue-bg-callout p {
            text-align: left;
        }

    #blue-bg-icons img {
        width: 25%;
        height: 25%;
    }

    #blue-bg-icons p {
        line-height: 1.3em;
        margin-top: 10px;
        text-align: center;
        font-size: .8em;
        margin-bottom: 20px;
    }

    .no-left-md {
        margin-left: 0;
        padding-left: 0;
    }

    .no-margin-sm {
        margin-left: 0;
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .blue-callout-divider {
        padding-left: 0;
        margin-left: 0;
        height: 150px;
        overflow: hidden
    }
}


/* 992 starts*/
@media (min-width: 992px) {

    .blue-callout-divider {
        padding-left: 0;
        margin-left: 0;
        height: auto;
        overflow: auto;
    }

    .csi-header-img {
        padding-bottom: 2em;
    }

    #affordable-access {
        color: #e9e9e9;
        /*height: 545px;*/
        background-image: url('../../Images/CanadianShopperInsights/v2/background.png?v=1');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    #csi-main-left {
        padding-left: 2em;
        padding-right: 1em;
        padding-top: 2em;
        padding-bottom: 2em;
    }

        #csi-main-left h2 {
            text-align: left;
            font-size: 2em;
            letter-spacing: -1px;
            /*padding-right: 30px;*/
            color: #e9e9e9;
        }

        #csi-main-left p {
            color: #e9e9e9;
            text-align: left;
            font-size: 15px;
            padding-top: 1em;
            padding-bottom: 2em;
            letter-spacing: 0px;
            line-height: 1.4em;
        }


    .request-button-container {
        padding-bottom: 2em;
    }

        .request-button-container > a {
            margin: 0;
            text-align: left;
        }

    #csi-why {
        padding-top: 0px;
        padding-bottom: 50px;
    }


        #csi-why h2 {
            padding-top: 10px;
            font-family: "Kantar Brown";
            font-size: 1.8em;
            /*font-weight: 400;*/
            /*padding-bottom: 20px;*/
            color: #222328;
        }


        #csi-why h6 {
            /*padding-left: 4em;*/
            margin: 0;
            padding: 0;
            text-align: center;
        }

        #csi-why p {
            margin-top: 0;
            padding-top: 0;
            font-size: 16px;
            text-align: center;
            padding-left: 12%;
            padding-right: 12%;
        }

    #trying-it-all-together-text {
        /*padding-left: 80px;*/
    }



    #csi-retailers-works {
        padding-top: 50px;
        padding-bottom: 50px;
    }



        #csi-retailers-works h2 {
            padding-top: 10px;
            font-family: "Kantar Brown";
            font-size: 1.8em;
            font-weight: bold;
            /*font-weight: 400;*/
            margin-bottom: 0px;
            padding-bottom: 10px;
            color: #222328;
        }



        #csi-retailers-works h5 {
            font-weight: 400;
            font-size: 1.3em;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            color: #666666;
            padding-bottom: 15px;
        }

        #csi-retailers-works p {
            font-size: 16px;
        }

    /*#csi-retailers-works p,*/
    #csi-retailers-works-thumbs p {
        font-family: "Kantar Brown";
        text-align: center;
        color: #666666;
        padding-left: 5%;
        padding-right: 5%;
        font-size: .8em;
    }

    #csi-retailers-works p {
        font-size: 16px;
        padding-bottom: 2em;
    }

    #csi-retailers-works-thumbs {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #csi-retailers-works-thumb > div.row {
        margin-top: 50px;
        background: red;
    }

    #csi-retailers-works-thumbs h6 {
        font-weight: 600;
        font-size: 1em;
        font-family: "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
        text-transform: uppercase;
        color: #666666;
    }

    #csi-retailers-banner {
        background-image: url('../../Images/CanadianShopperInsights/v2/CanSS-background_desktop.png');
        background-size: 100% auto;
        padding-top: 40px;
        padding-bottom: 80px;
    }

        #csi-retailers-banner h2 {
            font-size: 2.5em;
            font-weight: 400;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            padding-bottom: 40px;
            text-align: center;
            color: #fff;
        }

        #csi-retailers-banner ul.list-inline {
            margin: 0;
            padding: 0;
        }

            #csi-retailers-banner ul.list-inline li {
                width: 24%;
                padding: 0;
                margin: 0;
            }

    #blue-bg-callout {
        color: #FFF;
        font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-image: url('../../Images/CanadianShopperInsights/v3/MerchandisingSection-higher.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

        #blue-bg-callout h2, h3, h4 {
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #FFF;
        }

        #blue-bg-callout h2 {
            text-align: center;
            font-size: 1.3em;
            margin: 30px 150px;
        }

        #blue-bg-callout h4 {
            text-align: center;
            font-size: 1em;
            line-height: 1.1em;
            margin: 40px 200px;
            font-weight: 400;
        }

        #blue-bg-callout h3 {
            text-align: center;
            font-size: 1.1em;
            font-weight: bold;
            margin: 0px 0px;
            margin-bottom: 20px;
        }

        #blue-bg-callout ul, #blue-bg-callout p {
            margin-left: 0;
            padding-left: 0;
            margin-right: 0;
            padding-right: 0;
            font-size: .8em;
        }

        #blue-bg-callout p {
            text-align: left;
        }

    #blue-bg-icons img {
        width: 25%;
        height: 25%;
    }

    #blue-bg-icons p {
        line-height: 1.3em;
        margin-top: 20px;
        text-align: center;
        font-size: .8em;
        margin-bottom: 20px;
    }

    #ready-to-understand {
        /*padding-top: 40px;
        padding-bottom: 40px;*/
    }

        #ready-to-understand h2 {
            color: #000000;
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            font-size: 1.5em;
            text-transform: uppercase;
            padding-bottom: 20px;
        }

        #ready-to-understand a.request-access {
            /*background-color: #f68b20;*/
            background-color: rgb(0, 143, 225);
        }
}

@media (min-width: 1200px) {

    #blue-bg-callout {
        color: #FFF;
        font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-image: url('../../Images/CanadianShopperInsights/v3/MerchandisingSection.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

        #blue-bg-callout h2, h3, h4 {
            font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #FFF;
        }

        #blue-bg-callout h2 {
            text-align: center;
            font-size: 1.2em;
            margin: 30px 170px;
        }

        #blue-bg-callout h4 {
            text-align: center;
            font-size: 1em;
            line-height: 1.1em;
            margin: 40px 200px;
            font-weight: 400;
        }

        #blue-bg-callout h3 {
            text-align: center;
            font-size: 1.1em;
            font-weight: bold;
            margin: 0px 0px;
            margin-bottom: 20px;
        }

        #blue-bg-callout ul, #blue-bg-callout p {
            margin-left: 0;
            padding-left: 0;
            margin-right: 0;
            padding-right: 0;
            font-size: .8em;
        }

        #blue-bg-callout p {
            text-align: left;
        }

    #blue-bg-icons img {
        width: 30%;
        height: 30%;
    }

    #blue-bg-icons p {
        line-height: 1.3em;
        margin-top: 20px;
        text-align: center;
        font-size: .9em;
        margin-bottom: 20px;
    }


    #csi-main-left {
        padding-left: 2em;
        padding-right: 1em;
        padding-top: 3em;
        padding-bottom: 3em;
    }

        #csi-main-left h2 {
            text-align: left;
            font-size: 1.8em;
            /*padding-right: 30px;*/
            color: #e9e9e9;
        }
}



.bluebox {
    background-color: #00639c;
}

.trying-it-all-together-vertical-spacer {
    height: 40px;
}

#trying-it-all-together-top p,
#trying-it-all-together-top ul,
#trying-it-all-together-text p,
#trying-it-all-together-text ul {
    color: #fff;
    font-size: 16px;
    /*font-size: .7em;*/
}

    #trying-it-all-together-text ul li {
        font-size: 16px;
        padding-bottom: .9em;
    }

#trying-it-all-together-text,
#trying-it-all-together-text h2,
#trying-it-all-together-top,
#trying-it-all-together-top h2 {
    font-family: "Kantar Brown", "DIN OT", "DINWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
}

    #trying-it-all-together-top p {
        padding: .8em 2em;
    }

#trying-it-all-together-top {
    text-align: center;
}

#trying-it-all-together img {
}

#why-csi li {
    font-family: "Kantar Brown";
    padding-bottom: 10px;
}


#csi-retailers-footer {
    margin-top: 40px;
    background-color: #00639c;
}

    #csi-retailers-footer p {
        color: white;
        padding-top: 20px;
        padding-bottom: 10px;
        text-align: center;
    }

.footer {
    margin-top: 0;
}


@media (max-width: 767px) {
    
    #why-csi li {
        font-family: "Kantar Brown";
        padding-bottom: 15px;
    }

    #csi-main-left, #csi-main-right {
        margin-top: 30px;
    }


    #csi-main h1 {
        margin: 0;
        padding: 0;
        font-weight: 600;
        font-size: 2.6em;
    }

    /*#csi-retailers-banner ul.list-inline li {
        width: 49%;
        margin-top: 0px;
    }*/

    .margin-top-50 {
        margin-top: 0;
    }

    .margin-mobile {
        margin-top: 40px;
    }
}
@media (min-width: 992px) {

    .request-button-container {
        margin-bottom: 20px;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    #csi-why {
        padding-top: 0;
        padding-bottom: 40px;
    }

        #csi-why h2 {
            margin-bottom: 20px;
        }

    #ready-to-understand {
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
    }

        #ready-to-understand h2 {
            margin-top: 0;
            padding-top: 0;
            /*margin-bottom: 0;
        padding-bottom: 0;*/
        }

    #csi {
        font-size: 1.3em;
    }

    #csi-retailers-works {
        padding-bottom: 0px;
    }

    #ready-to-understand h2 {
        padding-bottom: 20px;
    }

    .spaceout {
        line-height: 2em;
    }

    .add-padding-right-20px-lg {
        padding-right: 20px;
    }

    .csi-retailers-works-p {
        color: rgb(51, 51, 51);
        font-family: "Kantar Brown";
        font-size: 19.5px !important;
        line-height: 29.25px;
        margin-top: 20px;
        min-height: 1px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        text-size-adjust: 100%;
    }
}

#csi-retailers-footer a,
#csi-retailers-footer a:hover,
#csi-retailers-footer a:visited {
    color: #fff;
}

.redborder {
    border: 1px solid red;
}