body {
    font-family: 'Roboto';
}

header {
    height: 100px;
    padding: 20px;
    border-bottom: 1px solid lightgray;
}

header .wrapper {
    max-width: 1600px;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container {
    max-width: 1600px;
    margin: auto;
}

.logo {
    height: 100%;
    margin-right: 2em;
}

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



.top-menu ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 2em;
}

.top-menu a {
    text-decoration: none;
    color: #3f3f3f;
}


.top-menu li {
    text-align: center;
}

.contacts {
    margin-left: 3em;
    display: flex;
    flex-direction: column;
    gap: 8px;
}



.btn {
    color: white;
    padding: 10px 30px;
    background-color: #752e20;
    text-decoration: none;
    border-radius: 7px;
    transition: .4s ease-in;
}

.btn:hover {
    background-color: #a04c25;
}

.cont-item a {
    text-decoration: none;
    color: black;
    font-weight: 800;
    font-size: 1.1em;
    /* padding: 12px 0; */
    /* display: block; */
}

.cont-item {
    color: #737373;
    font-size: .9em;
}


section.hero {
    background-image: url('img/hero-bg.jpg');
    min-height: 600px;
}



.hero .content-wrapper {
    /* margin: auto; */
    /* height: fit-content; */
}

.hero h2.slogan {
    color: white;
}