/* Стили для затемнения фона */
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 999;
        }

        /* Стили для модального окна */
        .modal {
            position: relative;
            width: 80%;
            height: 80%;
            /*max-width: 500px;*/
            margin: 100px auto;
            padding: 20px;
            background: #333;
            border-radius: 3px;
            text-align: left;
        }
.grid_main_1 {
    z-index: 2;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    position: relative;
    padding: 5%;
}
        /* Стили для кнопки закрытия */
        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            font-size: 24px;
            background: none;
            border: none;
        }

        /* Анимация появления */
        .overlay.active {
            display: block;
            animation: fadeIn 0.3s;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        

#zatemnenie {
        background: #333;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        z-index: 999;
        
      }
#okno {
        width: 60%;
        height: 60%;*/
        text-align: left;
        padding: 15px;
        border-radius: 10px;
       /*border: 3px solid #0000cc;
        color: #0000cc;*/
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #333;
      }
#zatemnenie:target {display: block;}
.texth1_p {
    z-index: 1;
    color: var(--white);
    font-size: 3vw;
    line-height: 130%;
    }
.logo_main_p {
    width: 60%;
    margin-left: 20%;
    }
.close {
        display: inline-block;
        border: 1px solid #0000cc;
        color: #0000cc;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
      }
.close:hover {background: #fff;}

@media screen and (max-width: 767px) {
  .texth1_p  {
    font-size: 5vw;
  }
}