/* Header Styling */
.header {
    position: fixed;
    top: 0;
    left: 5.25vw;
    width: calc(100% - 5.25vw);
    color: white;
    padding: 0px 10px 0px 30px;
    z-index: 1000;
    height: 7vh;

    display: flex; /* Makes logo and client menu align in one row */
    justify-content: space-between; /* Pushes them to opposite sides */
    align-items: center; /* Centers them vertically */
}

@media (max-width: 991px) {
    .header {
        left: 8vw;
        width: calc(100% - 8vw);
    }
}

.logo-div {
    height: 100%;
    width: auto;
}

.logo {
    margin-top: 25px;
    height: 70%;
}

.clients-div {
    height: 100%;
    width: auto;
    margin-top: -10px;
}

.clients {
    height: auto;
    width: auto;
    max-height: 10vh;
}

@media (max-width: 1199.98px) {
    .clients {
        max-height: 9vh;
    }
    /* Your styles here for lg and smaller */
}

.object {
    animation: sway 2.4s infinite;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
}

@keyframes sway {
    0% {
        transform: rotate(4deg);
    }
    50% {
        transform: rotate(-4deg);
    }
    100% {
        transform: rotate(4deg);
    }
}