@media all and (min-width:769px) and (max-width:1920px)  {

    #header .brand {
        left: calc(960px - 50vw);
    }

    .page-top-box {
        left: calc(960px - 50vw);
    }

    #header.fixed .brand {
        left: 0;
    }
}


@media all and (min-width:769px) and (max-width:1536px) {

    #header .brand {
        left: 12rem;
    }

    .page-top-box {
        left: 12rem;
    }
}


@media all and (min-width:769px) and (max-width: 1280px) {
    html,body {
        font-size: 15px;
    }
}

@media all and (min-width:769px) and (max-width: 1024px) {
    html,body {
        font-size: 14px;
    }
}