/* Orima_Wordmark logo dimensions: w=400, h=103*/


/* mobile layout*/
/* wider screen mobile layout*/




@media (max-width: 399px) {
    div.logo-bar {
        height: 60px;
    }

    div.logo-bar #left-logo {
        top: 0;
        left: 0;
        width: 98%;
        max-width:500px;
        height:100px;
        background-image: url('../../../../_resources/images/logos/acq-logo.svg');
    }

    div.logo-bar #right-logo {
        display: none;
    }

}

@media (min-width: 400px) {
    div.logo-bar {
        height: 80px;
    }

    div.logo-bar #left-logo {
        top: 0;
        left: 0;
        width: 100%;
        max-width:500px;
        height:100px;
        background-image: url('../../../../_resources/images/logos/acq-logo.svg');
    }

    div.logo-bar #right-logo {
        display: none;
    }
}

/* smallscreen layout*/
@media (min-width: 800px) {
    div.logo-bar {
        height: 110px; /* set height to accommodate size of logos */
    }

    div.logo-bar #left-logo {
        top: 10px;
        left: 10px;
        width: 500px;
        height:100px;
        background-image: url('../../../../_resources/images/logos/acq-logo.svg');
    }

    div.logo-bar #right-logo {
        top: 30px;
        right: 10px;
        width: 200px;
        height: 64px;
        background-image: url('/_resources/images/Orima_Logo.png'); /*  dimensions of logo = 400 x 103  */
        display:inline-block;
    }
}

/* desktop layout  */
@media (min-width: 1000px) {
    div.logo-bar {
        height: 110px; /* set height to accommodate size of logos */
    }

    div.logo-bar #left-logo {
        top: 10px;
        left: 10px;
        width: 600px;
        background-image: url('../../../../_resources/images/logos/acq-logo.svg');
    }

    div.logo-bar #right-logo {
        top: 30px;
        right: 10px;
        width: 250px;
        height: 64px;
        background-image: url('/_resources/images/Orima_Logo.png'); /*  dimensions of logo = 400 x 103  */
    }
}