@font-face {
    font-family: RobotoLight; 
    src: url("/fonts/RobotoLight.ttf"); 
}
*{
    padding: 0;
    margin: 0;
    font-family: RobotoLight;
    outline:none;
}

a{
    text-decoration: none;
    color: #819fB0;
}

p.fig4 {
    display: block;   
    text-align: center;
    padding:0%;
    font-family: RobotoLight;  font-size: 1.2vw; line-height: 1.5vw; letter-spacing: 0.1vw; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;

}

p.fig_bottom {
    display: block;   
    text-align: center;
    padding:5%;
    font-family: RobotoLight;  font-size: 1.2vw; line-height: 1.5vw; letter-spacing: 0.1vw; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;

}

p.fig2 {
    display: inline-table;
    padding:3%;
    text-align: left;
    font-family: RobotoLight;  font-size: 1.1vw; line-height: 2vw; letter-spacing: 0.1vw; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;
    
}


p.fig5 {
    display: flex;   
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    font-family: RobotoLight;  font-size: 1.3vw; line-height: 2vw; letter-spacing: 0.2mm; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;
    
}

    
.container{
    display: block;   
    text-align: center;
    padding:0%;
    font-family: RobotoLight;  font-size: 15pt; line-height: 10mm; letter-spacing: 0.6mm; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;
    width: 80%; 
    max-width: 1822px;
    background-color: #f3e7ca;
    
}

.i_map{
    margin: 0 auto;
    position: relative;
    /*min-height: 100%;*/
    width: 80%;
    max-width: 1822px;
    background-color: #f3e7ca;
    font-family: RobotoLight;  font-size: 16pt; line-height: 10mm; letter-spacing: 0.6mm; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;
}


.about{
    margin: 0 auto;
    position: relative;
    min-height: 100%;
    width: 80%;
    max-width: 1822px;
    background-color: #000000;
    font-family: RobotoLight;  font-size: 16pt; line-height: 10mm; letter-spacing: 0.6mm; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;
}

     

.footer{
    width: 60%;
}

img.label {
    width: 18%;
}

img.wide_label {
    width: 50%;
}

    /* Если ширина экрана меньше или равна 800px, делаем ширину 100% */
    @media screen and (max-width: 1000px) {
      .about {
        flex: 1 0 auto;  
        width: 100%;
      }
      .i_map {
        width: 100%;
      }
      p.fig2 {
        font-family: RobotoLight;  font-size: 5vw; line-height: 7vw; letter-spacing: 0.4vw; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;  
      }
      p.fig_bottom {
        font-family: RobotoLight;  font-size: 5vw; line-height: 6.5vw; letter-spacing: 0.4vw; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;
        padding:10%;
      }
      p.fig4 {
        font-family: RobotoLight;  font-size: 5vw; line-height: 6.5vw; letter-spacing: 0.4vw; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;  
      }
      p.fig5 {
        font-family: RobotoLight;  font-size: 3.2vw; line-height: 4vw; letter-spacing: 0.2vw; text-decoration: none; vertical-align: top; -webkit-margin-before: 0mm;
      }
      img.label {
            width: 30%;
        }
      img.wide_label {
            width: 100%;
        }    
       .footer {
            width: 100%;
        }
        
    }