:root {
    --primary-color: #3b5222;
    --secondary-color: #b27231;
    --tertiary-color: #593611;
    --bg-color: #f5ebd9;
}

body {
    background: var(--bg-color);
    font-family: 'Roboto', sans-serif;
}

.container {
    padding: 0 10dvw;
}

.main-page-background {
    width: 100%;
    height: 100%;
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

h1 {
    color: var(--tertiary-color);
}

h2 {
    color: var(--secondary-color);
}

.header {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

ul {
    color: var(--primary-color);
}

.services {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    font-size: 1.5rem;
    ul {
        width: 25rem;
    }
}