h1, h2, h3, h4{
font-size: 22px;
font-family: PT Sans Regular,sans-serif,-apple-system;
text-align: center;
margin: 0px 0 15px;
font-weight: 300;
color: #333;
font-weight: bold !important;
}
h2{
font-size: 20px;
}
h3{
font-size: 18px;
margin: 35px 0 15px;
}
h4{
font-size: 16px;
margin: 35px 0 15px;
}
span{
font-size: 11px;
font-family: PT Sans Regular,sans-serif,-apple-system;
margin: 15px 0 5px;
text-align: justify;
}
li{
font-size: 14px;
line-height: 1.6;
font-family: PT Sans Regular,sans-serif,-apple-system;
letter-spacing: 1px;
list-style-type: disc;
margin-left: 20px;
text-align: justify;
color: #333;
}
strong{
font-weight: 600;
}
.contener{
display: flex;
justify-content: center;
margin: 0 0 10px;
border: 1px dotted #ccc;
}
.contener a{
  width: 25%;
  cursor: pointer;
}
.but{
/*border-radius: 5px;*/
transition: box-shadow .4s;
display: flex;
align-items: center;
justify-content: center;
height: 75px;
}
.but:hover{
box-shadow: 0 0px 5px 0px #727272;
transition: box-shadow .5s;
}
.icon{
	width: 40px;
  height: 40px;
  margin: 5px 15px 0 0px;
}
.tex{
text-align: center;
font-size: 20px;
color: #000;
margin: 0px;
font-weight: 900;
}
.dogovor{
width: 100%;
border: 1px solid #ccc;
margin-top: 10px;
}
.important {
background: #FBFCF4;
padding: 10px 15px;
border-left: 6px solid #C0CA33;
margin: 20px 0px;
}

.popup{
  width:100%;
  min-height:100%;
  background-color: rgba(0,0,0,0.5);
  overflow:hidden;
  position:fixed;
  top:0px;
  z-index: 5;
}
.popup-content{
  margin: 20px auto 20px auto;
  /*width: 80%;*/
  height: calc(100vh - 60px);
  background-color: #c5c5c5;
  border-radius:5px;
  box-shadow: 0px 0px 10px #000;
  display: flex;
  justify-content: center;
}
.popup-menu img{
  height: 85vh;
  width: auto;
  padding: 15px;
}
.popup-menu {
  display: flex;
  height: 100%;
}

@media screen and (max-width: 639px) {
  li {
    font-size: 12px;
    text-align: left;
    margin-left: 5px;
    letter-spacing: 0.5px;
  }
  h1, h2, h3, h4 {
    font-size: 14px;
  }
}

@media screen and (max-width: 769px) {
  .tex {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .contener {
    display: block;
  }
  .tex {
    font-size: 16px;
  }
}

.zagol {
    font-size: 20px;
    padding-top: 30px;
    text-align: center;
}