body {
  padding-left: 0em; /*  сдвиг всего сайта вправо  */
 
 font-family: "Open Sans", sans-serif;   /*шрифт без засечек */
color: #000000;
background-color: #ffffff }

h1 
{
    margin: min(7vh, 2.75rem) 0 1.05rem;
	color: #ffffff;
}



h4 {
  color: #ffffff;
  font-size: 15px;
}

img {

max-width: 100%;

height: auto;

}




#topText {
  color: white;
  font-size: 10px;
  align-self: center;
}
 	


connect{
section h2 { font-size: clamp(2rem, 0.5rem + 4vw, 4rem); }
section div { font-size: clamp(1rem, 0.5rem + 1.5vw, 2rem); }
}

/*  ниже слайдер   */

<style>
.korpus2 { position: relative; height: 250px; margin: 0; padding: 29px 0 0 0; padding: calc(28px + 1px) 0 0 0; } 
.korpus2 li, .korpus2 li:after { position: absolute; border: 1px solid #aaaaaa; background: #ffffff; } 
.korpus2 li { width: 37%; height: 240px; height: calc(200px - 10px); list-style: none; padding: 5px; } 
.korpus2 li:after { content: attr(data-tab); left: -1px; top: -30px; top: calc(-28px - 2px); width: 20%; line-height: 28px; text-align: center; cursor: pointer;}
.korpus2 li:nth-of-type(2):after { left: 20%; } 
.korpus2 li:nth-of-type(3):after { left: 40%; } 
.korpus2 li:nth-of-type(4):after { left: 60%; } 
.korpus2 li:hover:after, .korpus2 li:nth-of-type(1):after { border-bottom: 2px solid #ffffff; } 
.korpus2 li:after, 
.korpus2 li:hover, 
.korpus2 li:nth-of-type(1) { z-index: 1; }
.korpus2 {
    font-size: clamp(10px, 5vw, 16px); /* размер текста в таблице слайдере */
}
</style>

	/* конец слайдер  переворота страниц */
	
	/* ссылки */
<style>
a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}
   a:link {
    color: #000000; /* Цвет ссылок */
   }
   a:visited {
    color: #900060; /* Цвет посещенных ссылок */
   }
   a:active {
    color: #aaaaaa; /* Цвет активной ссылки */ 
   }
 </style>