:root {
    --color--white: #FFFF;
    --color--main: #243859;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik.ttf");
}


body {
    margin: 0;
    line-height: 1.65;
    font-family: "Rubik", sans-serif;
}


.header {
    background-color: var(--color--main);
    box-shadow: 0 0 30px -15px var(--color--main);
}

.header__brand-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    /*width: 250px;*/
    text-decoration: none;
}

.header__logo {
    margin-left: 15px;
}

.header__title {
    color: var(--color--white);
}


.privacy__text {
    padding: 0 15px;
    font-weight: 300;
}

.footer {
    display: flex;
    justify-content: center;
    color: var(--color--white);
    background-color: var(--color--main);
}


@media(min-width: 1200px) {
    .header {
        padding-left: 250px;
        background-color: var(--color--main);
        box-shadow: 0 0 30px -15px var(--color--main);
    }

    .header__logo {
        margin-left: 50px;
    }

    .privacy__text {
        padding: 0 300px;
    }
}