@font-face {
    font-family: 'Play';
    src: url('/fonts/Play-Regular.woff2') format('woff2'),
         url('/fonts/Play-Regular.ttf') format('truetype');
    font-weight: normal; /* Для обычного шрифта */
    font-style: normal;
}

@font-face {
    font-family: 'Play';
    src: url('/fonts/Play-Bold.woff2') format('woff2'),
         url('/fonts/Play-Bold.ttf') format('truetype');
    font-weight: bold; /* Для жирного шрифта */
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Play, Verdana;
    background-color: #ddd;
    font-size: 120%;
}

.slogan1 {
    font-size: 140%;
}

.slogan2 {

}

.slogan1, .slogan2 {
    text-align: center;
}

img {
    max-width: 98%;
}

.green {
    color:green;
}
.red {
    color:red;
}

.green, .red {
    font-weight: bold;
}

.container {
    margin: 0 auto;
    max-width: 1000px;
}

.orange {
    color: #ff4500;
}

.not_working {
    font-size: 140%;
}

.img_welcome{
    display: flex;
    justify-content: left;
}
.img_welcome:not(.attention) img  {
    border: 5px dashed green;
}

.attention img {
    border: 5px dashed red;
}

.address {
    color: #333;
    letter-spacing: -2px;
}

.temporaryNotices {
    /*border: 1px solid red;*/
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1rem;
    font-style: italic;
}

.temporaryNoticesTitle {
    font-weight: bold;
    padding-bottom: 0rem;
    text-decoration: underline;
}

.services {

}

.online_service {
    color: #0C680F;
    font-style: italic;
    padding: 0 2rem;
}
.online_service:before {
    content: "✅ ";
    font-style: normal;
}


.service {
    margin: 1rem 0;
    padding: 1rem;
    /*border: dotted 2px #333;*/
    border-radius: 10px;
}



h2, h3 {
    color: #ff4500;
}

h2 {
    font-size: 2.1rem;
}

.mode {
    margin: 3rem 0;
}

.services-photo
{
    border: solid 2px #333;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

footer p {
    font-size: 140%;
    text-align: center;
    font-weight: bold;
}

/* Стили для логотипа */
        .logo {
            font-size: calc(2rem + 3vw); /* Адаптивный размер текста */
            font-weight: 700; /* Жирный шрифт */
            text-align: center;
            color: #333; /* Темный цвет текста */
            /*text-transform: uppercase;*/ /* Все буквы заглавные */
            letter-spacing: 0.05em; /* Расстояние между буквами */
            line-height: 1.2; /* Межстрочный интервал */
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); /* Легкая тень */
        }

        /* Анимация (опционально) */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .logo {
            animation: fadeIn 1.5s ease-out;
        }

        /* Медиа-запросы для маленьких экранов */
        @media (max-width: 600px) {
            .logo {
                font-size: calc(2rem + 4vw); /* Уменьшаем размер текста */
            }
        }