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


/* mobile layout*/
@media (max-width: 419px) {
    div.logo-bar {
        height: 88px;
    }

    div.logo-bar #left-logo {
        top: 10px;
        left: 0;
        width: 180px;
        height: 200px;
        margin-left: 30px;

        background-image: url('/_resources/images/logos/apvma_2.PNG'); /* dimensions of logo = 400 x 200   */
    }

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

    #page-top div.title-bar { /* to improve presentation of logo bar at small screen */
        width: 98%;
    }
}

/* wider screen mobile layout*/
@media (min-width: 420px) {
    div.logo-bar {
        height: 99px;
    }

    div.logo-bar #left-logo {
        top: 10px;
        left: 0;
        width: 200px;
        height: 200px;
        margin-left: 30px;

        background-image: url('/_resources/images/logos/apvma_2.PNG'); /* dimensions of logo = 400 x 200   */
    }

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

/* smallscreen layout*/
@media (min-width: 600px) {
    div.logo-bar {
        height: 90px;
    }

    div.logo-bar #left-logo {
        top: 10px;
        left: 10px;
        width: 200px;
        height: 200px;
        background-image: url('/_resources/images/logos/apvma_2.PNG'); /* dimensions of logo = 400 x 200   */
    }

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

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

    div.logo-bar #left-logo {
        top: 10px;
        left: 10px;
        width: 230px;
        height: 230px;
        background-image: url('/_resources/images/logos/apvma_2.PNG'); /* dimensions of logo = 365 x 98   */
    }

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