body {
  
  background-image: url("../pics/фон.png");
  background-repeat: repeat;
  
}

.padenie {
  width: 100vw;
  height: auto;
}

.padenie {
  size: 100%;
}
 
.zaglav {
   font-size: 38px;
}

.padenie:hover {
  cursor: pointer;
}
.main{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: stretch; 
}
h1 {
  color: #6a3314;
  text-align: center;
  font-family: Impact;
  
}
h2 {
  color: #401802;
  text-align: center;
  font-family: Impact;
}

a:link,
a:visited {
  color: #870000;
  font-weight: bold;
}

a:hover {
  color:#b06539;

}

.EHPI {
  display: inline-block;
  border: black 10px solid;
  float: left;
  flex: 0 0 auto;
 
}

.comix{
  flex: 0; 
  max-width: 100%;
  height: auto;
  text-align: center;
  
  border: 10px solid black;
   
}
.comix:hover {
cursor: pointer;
}

.unitaz {
  display: inline-block;
  border: black 10px solid;
  flex: 0 0 auto;
}
.unitaz-links{
  text-align: center;
 
}
.links{
  border: black 10px solid;
  display: flex;
  flex-wrap: wrap;

}
.centr {
  overflow: clip;
  display:inline-block;
}
.link-container{
  justify-content: space-between; 
  flex: 1 1 calc((100% / 5) - 20px); 
  display: flex;
  align-items: center;
  text-align: center;
  border: black 5px solid;
}
.links-buttons{
  
  display: flex;
  flex-direction: column; 
}


/*
смена расположения кнопок в колону при изменении окна
*/
@media (max-width: 1078px) {
    .main {
        flex-direction: column; 
        gap: 10px;
    }
}