@font-face {
  font-family: 'wooStroid';
  src: url('/wp-content/themes/winewine/fonts/woostroid.eot');
  src: url('/wp-content/themes/winewine/fonts/woostroid.eot?#iefix') format('embedded-opentype'),
       url('/wp-content/themes/winewine/fonts/woostroid.woff') format('woff'),
       url('/wp-content/themes/winewine/fonts/woostroid.ttf') format('truetype'),
       url('/wp-content/themes/winewine/fonts/woostroid.svg#wooStroid') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root {
    /* Цвета */
    --color-white: #ffffff;
    --color-black: #222222;
    --color-gray: #888888;
    --color-gray-bg: #f2f2f2;
    --color-gray-border: #ebebeb;
    --color-red: #f6412d;

    /* Шрифты */
    --font-text: 'Montserrat', sans-serif;
    --font-title: 'Questrial', 'Montserrat', sans-serif;

    /* Размеры шрифтов */
    --font-size-base: 14px;
    --font-size-title: 24px;

    /* Вес */
    --font-weight-regular: 400;
}

body {
    font-family: var(--font-text);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-regular);
    color: var(--color-black);
    background-color: var(--color-white);
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-title);
    font-weight: var(--font-weight-regular);
    color: var(--color-black);
    margin: 0 0 1rem;
}

a {
    color: var(--color-black);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--color-gray);
}



.v2-container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .v2-container {
        max-width: 720px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1024px) {
    .v2-container {
        max-width: 960px;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1280px) {
    .v2-container {
        max-width: 1160px;
    }
}

@media (min-width: 1440px) {
    .v2-container {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
    .v2-container {
        max-width: 1440px;
    }
}