/* ============================================================
   FRESHMAN ENGINEERING HEADER
   Header image: 1920 x 200 px
   ============================================================ */

/* ============================================================
   HEADER
   ============================================================ */

.header-container {
    width: 100%;
    margin: 0;
    padding: 0;

    line-height: 0;
    overflow: hidden;

    background: #ffffff;
}

.header-container .logo {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;

    object-fit: cover;
}

/* ============================================================
   LARGE SCREENS
   ============================================================ */

@media (min-width: 1920px) {

    .header-container .logo {
        width: 1920px;
        height: 200px;

        margin: 0 auto;

        object-fit: cover;
    }
}

/* ============================================================
   LAPTOP / DESKTOP
   ============================================================ */

@media (min-width: 1200px) and (max-width: 1919px) {

    .header-container .logo {
        width: 100%;
        height: auto;

        aspect-ratio: 1920 / 200;

        object-fit: cover;
    }
}


/* ============================================================
   TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 1199px) {

    .header-container .logo {
        width: 100%;
        height: auto;

        aspect-ratio: 1920 / 200;

        object-fit: cover;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .header-container {
        width: 100%;
        overflow: hidden;
    }

    .header-container .logo {
        width: 100%;
        height: auto;

        min-height: 90px;

        object-fit: cover;
        object-position: center;
    }
}