:root {
    --gray: #D1C5B8;
    --gray1: #EDE8E2;
    --gray2: #F0ECE8;
    --black: #1A1A1A;
}

body {
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: var(--black);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;

    @media (width >= 1200px) {
        min-height: 100vh;
    }
}

main {
    width: 100%;

    @media (width >= 1200px) {
        display: flex;
        justify-content: center;
        align-items: stretch;
        max-width: 1600px;
        max-height: 600px;
        /*padding: 12px;*/
    }
}

.header-image {
    display: flex;
    align-items: center;
}

.header-image img {
    display: block;
    width: 100%;

    @media (width >= 1200px) {
        max-width: 1056px;
    }
}

a {
    color: var(--black);
    text-decoration: none;
}

.info {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 360px;

    @media (width >= 1200px) {
        justify-content: space-between;
        margin-right: 20px;
    }

    @media (width >= 1470px) {
        margin-right: auto;
        min-width: 376px;
    }
}

.info > * {
    margin-bottom: 40px;

    @media (width >= 1200px) {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    @media (width >= 1470px) {
        margin-bottom: 0;
    }
}

.info .logo {
    margin-inline: auto;
}

.socials > div {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}


.socials img {
    margin-right: 20px;
}

.address {
    display: flex;
    align-items: center;
    max-width: 376px;
    border: 1px solid var(--gray);
    padding: 30px;
}

.address img {
    box-sizing: content-box;
    margin-right: 34px;
    background-color: var(--gray2);
    border-radius: 50%;
    padding: 10px;
}

.address p {
    margin: 0;
}

.coming-soon {
    background-color: var(--gray1);
    font-size: 12px;
    padding: 9px 16px;
}