@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
 
 /* Шрифты */
 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    
    font-weight: 400;
    
}
 
 /* Конец Шрифты */
 
 
 
 
 /* Отступ Фото верхний */
 
 .figure {
    margin-top: 8% !important;
}

/* Конец Отступ Фото верхний */
 
 
 /* Кнопка позвонить для мобильной версии */

  .knopka {
    display: block;
    position: fixed;
    z-index: 10;
    width: 90%;
    height: 50px;
	padding: 1%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    bottom: 25px;
    right: 20px;
	font-size: larger;
    }
  
  
  /* Конец Кнопка позвонить для мобильной версии  */


 
@media screen and (max-width: 768px) { 

.text-wrapper {
  height: 95% !important;   
}

  .title { 
    
    margin: 8% 0% 0% 0% !important; text-align: center;}
      
    
  .menu {
  
  margin: -0% 6% 0% -15% !important;
  padding: 8% 0% 5% 0% !important; }

  .container {
    font-size: calc(115%);}
   
  .adres {
    text-align: center;
  }

  .centr {
    font-size: 22px;
  }
}


 
 .site {

  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  padding: 20px;
  background-color: #f4f6f7;
  border-top: 3px solid #5b6164;

}

.container {

  padding: 20px;
  background-color: #fff;

}


/* Адрес и режим работы */

.adres {
height: 16px;
top: 36px;
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.1em;
color: #000000;

}

/* Конец Адрес и режим работы */


.centr {

  text-align: center;
}

/* Название Сайта */

.title {
text-decoration: none;
padding: 2%;
margin: 3%;
font-weight:600;
background: #E5E5E5;
box-shadow: 10px 10px 5px 0px rgb(158 151 151 / 75%);
font-family: 'Open Sans', sans-serif;
font-size: large;
text-transform: uppercase;

}


/* Конец Название Сайта */


/* Меню */

.menu {

padding: 2%;
margin: 5%;

}

.menu li {

  background: #E5E5E5;
  margin: 2%;
  padding: 2% 4%;
  width: 100%;
  display: block;
  box-sizing: content-box;

}



a:link {
  color: rgb(22, 22, 24); 
  border-bottom: 1px dashed; 
}
a:visited {
  color: rgb(31, 30, 30);
}
a:hover {
  color: hsl(12, 73%, 31%); 
  border-bottom: .07em solid;
}
a:active {
  color: #497DDD; 
  border-bottom: 1px dashed;
}

/* Конец Меню */


/* Оформление страницы */

.title-str {

  padding: 2%;
  margin: 3%;
  font-weight:600;
  background: #fcfcfc;
  box-shadow: 10px 10px 5px 0px rgb(220 218 218 / 75%);
  font-family: 'Open Sans', sans-serif;

}


.text-wrapper {

  padding: 2%;
  margin: 3%;
  height: 90%;
  
  
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    
}

}

/* Конец Оформление страницы */