.top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1;
    width: 70%;
    padding: 10px 0;
    margin: auto;
}

.top-bar .logo {
    width: 200px;
    height: auto;
    object-fit: cover;
    padding: 10px 0;
}

@media (max-width: 768px) {
    .top-bar {
        width: 90%;
    }

    .top-bar .logo {
        width: 140px;
    }
}