.header {
    background-color: #f8f5f9;
}

.header .navbar {
    width: 1100px;
    height: 100px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.header .navbar .logo {
    height: 100%;
}

.header .navbar .logo img {
    display: block;
    height: 100%;
}

.header .navbar .links {
    margin-left: 153px;
    flex-grow: 1;
    display: flex;
    justify-content: space-around;
    font-size: 18px;
    color: #3c3c3c;
}

.header .navbar .links a.active {
    font-size: 22px;
    color: #ff6132;
}

.header .navbar .links a:hover {
    color: #ff6132;
}

@media screen and (max-width: 1200px) {
    .header {
        background-color: #fff;
    }
    
    .header .navbar {
        width: 100%;
        height: 50px;
        justify-content: center;
    }

    .header .navbar .links {
        display: none;
    }
}