@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'BariolRegular';
    src: url('/fonts/bariol_regular-webfont.eot');
    src: url('/fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_regular-webfont.woff') format('woff'),
         url('/fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('/fonts/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BariolBold';
    src: url('/fonts/bariol_bold-webfont.eot');
    src: url('/fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_bold-webfont.woff') format('woff'),
         url('/fonts/bariol_bold-webfont.ttf') format('truetype'),
         url('/fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BariolLight';
    src: url('/fonts/bariol_light-webfont.eot');
    src: url('/fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_light-webfont.woff') format('woff'),
         url('/fonts/bariol_light-webfont.ttf') format('truetype'),
         url('/fonts/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BariolRegularItalic';
    src: url('/fonts/bariol_regular_italic-webfont.eot');
    src: url('/fonts/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bariol_regular_italic-webfont.woff') format('woff'),
         url('/fonts/bariol_regular_italic-webfont.ttf') format('truetype'),
         url('/fonts/bariol_regular_italic-webfont.svg#bariolregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


    .app-header p {
        margin:0 auto;
        line-height:1.5;
        text-align:center;
        max-width:800px;
    }

    .partners {
        padding-bottom:30px;
    }

    .partners ul {
        overflow: hidden;
        width:100%;
        /*max-width:1440px;*/
    }

    .partners li {
        margin-bottom: 15px;
        width:48%;
        display: inline-block;
        vertical-align: top;
        /*text-align: center;*/
        /*color: #696C74;*/
    }
    .partners li > h2 {
        font-family: 'BariolRegular', 'Open Sans', source sans pro, sans-serif;
        padding-left:20px;
        padding-right:20px;
        padding-bottom:5px !important;
        color: #e12127;
        text-align:left;
        line-height: 1;
        font-size:22pt;
        font-weight:bold;
    }
    .partners li > h3 {
        font-family: 'BariolRegular', 'Open Sans', source sans pro, sans-serif;
        font-size:16pt;
        line-height:22px;
        text-align:left;
        font-weight:normal;
    }
    .partners li > p {
        padding-left:20px;
        padding-right:20px;
        padding-top:10px;
        line-height:18px;
        text-align:left;
    }
    .partners li > a {
        margin-left:20px;
    }
    .partner-logo {
        margin-left:20px;
        min-height: 60px;
        width: 100%;
    }
    .inttra {
        background: transparent url("images/infonexus.png") no-repeat scroll 0% 87%;
        width: 150px;
    }
    .aes {
        background: transparent url("images/aes.png") no-repeat scroll 0% 89%;
        width: 50px;
    }
    .encore {
        background: transparent url("images/enc.png") no-repeat scroll 0% 89%;
        width: 50px;
    }
    .freightview {
        background: transparent url("images/freightview.png") no-repeat scroll 0% 80%;
        width: 182px;
    }
    .easylink {
        background: transparent url("images/opentext.png") no-repeat scroll 0% 80%;
        width: 190px;
    }
    .papersolve {
        background: transparent url("images/papersolve.png") no-repeat scroll 0% 80%;
        width: 196px;
    }
    .rkl {
        background: transparent url("images/rkl.png") no-repeat scroll 0% 80%;
        width: 260px;
    }
    .finesolutions {
        background: transparent url("images/finesolutions.png") no-repeat scroll 0% 85%;
        width: 200px;
    }

    .intuit {
        background: transparent url("images/intuit.png") no-repeat scroll 0% 89%;
        width: 204px;
    
    }
       .Sage50 {
        background: transparent url("images/Sage50.png") no-repeat scroll 0% 80%;
        width: 150px;
    }
    .Onestop {
        background: transparent url("images/1stop.png") no-repeat scroll 0% 0%;
        width: 60px;
    }

    .partners img {
        display: block;
        margin: 10px 0px;
        border: 0px none;
        padding: 0px;
        padding-left:20px;
        border: 0px none;
        outline: 0px none;
        vertical-align: text-bottom;
    }

    .partners .video-link {
        padding-top:20px;
        max-width: 100%;
    }
        .partners .video-link img {
            float:left;
        }
 
    @media screen and ( max-width: 960px ) /* 800px */
    {
        .partners li
        {
            width: 100%;  /* 2 items per row */
        }

        .partners li > p {
            font-size:12pt;
        }
    }