@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    src: url(../font/roboto/Roboto-Thin.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    font-style: italic;
    src: url(../font/roboto/Roboto-ThinItalic.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    src: url(../font/roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: italic;
    src: url(../font/roboto/Roboto-LightItalic.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url(../font/roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url(../font/roboto/Roboto-Italic.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    src: url(../font/roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: italic;
    src: url(../font/roboto/Roboto-MediumItalic.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    src: url(../font/roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: italic;
    src: url(../font/roboto/Roboto-BoldItalic.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    src: url(../font/roboto/Roboto-Black.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    font-style: italic;
    src: url(../font/roboto/Roboto-BlackItalic.ttf);
}

:root {
    --primary-color: #269c48;
    --primary-hover-color: #80C66B;
    --secondary-color: #80C66B;
    --success-color: #06D6A0;
    --danger-color: #06D6A0;
    --warning-color: #06D6A0;
    --primary-font: 'Roboto'
}

.main-banner-content h1 {
    font-weight: 700;
}

.trifles-responsive-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.burger-menu-button {
    color: #000;
    font-size: 1.5rem;
    margin-right: 15px;
}

.item-lang-mobile {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
}

.item-lang-mobile img {
    width: 100%;
    height: 100%;
    object-fit: 100%;
}