header h1 span 
{
  font-size: 22px;
}
.text-bronze,  .box2 h2 
{
  font-size: 50px;
}
header p, .box2 p 
{
  font-size: 20px;
}
.box 
{
  min-width: 468px
}
.h-box
{
max-width:20rem;
    position: absolute;
    top: 0;
    left: 10%;
z-index:5;
}
.box2 h2 {
  text-align: left;
margin-top: 10%;
line-height: 86px;
}
.box2 {
  text-align: left;
}
.container1 .box {
  position: relative;
min-height: 17rem;
}
.container1 .box1::after {display:none;}
.container2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.container2 ul
{
max-width: 20rem;
  margin: 0 auto;
}
.container2 ul li {
display: inline-grid;
left:20%;
position: relative;
    margin-bottom: 10px; /* Отступ между элементами списка */
font-size:20px;
padding-right: 10%;
}
.container2 ul li::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjUyIDkuNTIiIGZpbGw9InJnYigxNDIgMTE5IDcxLzEpIj48cGF0aCBkPSJNNS41MSwxLjQxYy0uMDMtLjI4LS40OC0xLjMzLS43NS0xLjQxLS4yNywuMDgtLjcyLDEuMTMtLjc1LDEuNDEtLjM3LS4xNi0uOTgtLjIzLTEuNDgtLjEyLC4zMSwuNDMsLjksMS4wNSwxLjM5LDEuMjUsLjE5LC42MywuNDYsLjc0LC42MywuODEsMCwuMjMsMCwuNDMsMCwuNjYsLjAzLC4xMywuMTQsLjE4LC4yMSwuMjEsLjA3LS4wMiwuMTgtLjA4LC4yMS0uMjEsMC0uMjMsMC0uNDMsMC0uNjYsLjE3LS4wNywuNDQtLjE4LC42My0uODEsLjQ5LS4yMSwxLjA4LS44MiwxLjM5LTEuMjUtLjUtLjExLTEuMTEtLjA0LTEuNDgsLjEyWiI+PC9wYXRoPjxwYXRoIGQ9Ik00LjAxLDguMTFjLjAzLC4yOCwuNDgsMS4zMywuNzUsMS40MSwuMjctLjA4LC43Mi0xLjEzLC43NS0xLjQxLC4zNywuMTYsLjk4LC4yMywxLjQ4LC4xMi0uMzEtLjQzLS45LTEuMDUtMS4zOS0xLjI1LS4xOS0uNjMtLjQ2LS43NC0uNjMtLjgxLDAtLjIzLDAtLjQzLDAtLjY2LS4wMy0uMTMtLjE0LS4xOC0uMjEtLjIxLS4wNywuMDItLjE4LC4wOC0uMjEsLjIxLDAsLjIzLDAsLjQzLDAsLjY2LS4xNywuMDctLjQ0LC4xOC0uNjMsLjgxLS40OSwuMjEtMS4wOCwuODItMS4zOSwxLjI1LC41LC4xMSwxLjExLC4wNCwxLjQ4LS4xMloiPjwvcGF0aD48cGF0aCBkPSJNOC4xMSw1LjUxYy4yOC0uMDMsMS4zMy0uNDgsMS40MS0uNzUtLjA4LS4yNy0xLjEzLS43Mi0xLjQxLS43NSwuMTYtLjM3LC4yMy0uOTgsLjEyLTEuNDgtLjQzLC4zMS0xLjA1LC45LTEuMjUsMS4zOS0uNjMsLjE5LS43NCwuNDYtLjgxLC42My0uMjMsMC0uNDMsMC0uNjYsMC0uMTMsLjAzLS4xOCwuMTQtLjIxLC4yMSwuMDIsLjA3LC4wOCwuMTgsLjIxLC4yMSwuMjMsMCwuNDMsMCwuNjYsMCwuMDcsLjE3LC4xOCwuNDQsLjgxLC42MywuMjEsLjQ5LC44MiwxLjA4LDEuMjUsMS4zOSwuMTEtLjUsLjA0LTEuMTEtLjEyLTEuNDhaIj48L3BhdGg+PHBhdGggZD0iTTEuNDEsNC4wMWMtLjI4LC4wMy0xLjMzLC40OC0xLjQxLC43NSwuMDgsLjI3LDEuMTMsLjcyLDEuNDEsLjc1LS4xNiwuMzctLjIzLC45OC0uMTIsMS40OCwuNDMtLjMxLDEuMDUtLjksMS4yNS0xLjM5LC42My0uMTksLjc0LS40NiwuODEtLjYzLC4yMywwLC40MywwLC42NiwwLC4xMy0uMDMsLjE4LS4xNCwuMjEtLjIxLS4wMi0uMDctLjA4LS4xOC0uMjEtLjIxLS4yMywwLS40MywwLS42NiwwLS4wNy0uMTctLjE4LS40NC0uODEtLjYzLS4yMS0uNDktLjgyLTEuMDgtMS4yNS0xLjM5LS4xMSwuNS0uMDQsMS4xMSwuMTIsMS40OFoiPjwvcGF0aD48L3N2Zz4=');
    display: inline-block;
    width: 16px; /* Установите нужный размер */
    height: 16px;
margin-left: -10%;
  vertical-align: middle;
  position: absolute;
  margin-top: 17px;
}
.separator {position:relative;}
.separator:before {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjUyIDkuNTIiIGZpbGw9IiMyNTIyMWMiPjxwYXRoIGQ9Ik01LjUxLDEuNDFjLS4wMy0uMjgtLjQ4LTEuMzMtLjc1LTEuNDEtLjI3LC4wOC0uNzIsMS4xMy0uNzUsMS40MS0uMzctLjE2LS45OC0uMjMtMS40OC0uMTIsLjMxLC40MywuOSwxLjA1LDEuMzksMS4yNSwuMTksLjYzLC40NiwuNzQsLjYzLC44MSwwLC4yMywwLC40MywwLC42NiwuMDMsLjEzLC4xNCwuMTgsLjIxLC4yMSwuMDctLjAyLC4xOC0uMDgsLjIxLS4yMSwwLS4yMywwLS40MywwLS42NiwuMTctLjA3LC40NC0uMTgsLjYzLS44MSwuNDktLjIxLDEuMDgtLjgyLDEuMzktMS4yNS0uNS0uMTEtMS4xMS0uMDQtMS40OCwuMTJaIj48L3BhdGg+PHBhdGggZD0iTTQuMDEsOC4xMWMuMDMsLjI4LC40OCwxLjMzLC43NSwxLjQxLC4yNy0uMDgsLjcyLTEuMTMsLjc1LTEuNDEsLjM3LC4xNiwuOTgsLjIzLDEuNDgsLjEyLS4zMS0uNDMtLjktMS4wNS0xLjM5LTEuMjUtLjE5LS42My0uNDYtLjc0LS42My0uODEsMC0uMjMsMC0uNDMsMC0uNjYtLjAzLS4xMy0uMTQtLjE4LS4yMS0uMjEtLjA3LC4wMi0uMTgsLjA4LS4yMSwuMjEsMCwuMjMsMCwuNDMsMCwuNjYtLjE3LC4wNy0uNDQsLjE4LS42MywuODEtLjQ5LC4yMS0xLjA4LC44Mi0xLjM5LDEuMjUsLjUsLjExLDEuMTEsLjA0LDEuNDgtLjEyWiI+PC9wYXRoPjxwYXRoIGQ9Ik04LjExLDUuNTFjLjI4LS4wMywxLjMzLS40OCwxLjQxLS43NS0uMDgtLjI3LTEuMTMtLjcyLTEuNDEtLjc1LC4xNi0uMzcsLjIzLS45OCwuMTItMS40OC0uNDMsLjMxLTEuMDUsLjktMS4yNSwxLjM5LS42MywuMTktLjc0LC40Ni0uODEsLjYzLS4yMywwLS40MywwLS42NiwwLS4xMywuMDMtLjE4LC4xNC0uMjEsLjIxLC4wMiwuMDcsLjA4LC4xOCwuMjEsLjIxLC4yMywwLC40MywwLC42NiwwLC4wNywuMTcsLjE4LC40NCwuODEsLjYzLC4yMSwuNDksLjgyLDEuMDgsMS4yNSwxLjM5LC4xMS0uNSwuMDQtMS4xMS0uMTItMS40OFoiPjwvcGF0aD48cGF0aCBkPSJNMS40MSw0LjAxYy0uMjgsLjAzLTEuMzMsLjQ4LTEuNDEsLjc1LC4wOCwuMjcsMS4xMywuNzIsMS40MSwuNzUtLjE2LC4zNy0uMjMsLjk4LS4xMiwxLjQ4LC40My0uMzEsMS4wNS0uOSwxLjI1LTEuMzksLjYzLS4xOSwuNzQtLjQ2LC44MS0uNjMsLjIzLDAsLjQzLDAsLjY2LDAsLjEzLS4wMywuMTgtLjE0LC4yMS0uMjEtLjAyLS4wNy0uMDgtLjE4LS4yMS0uMjEtLjIzLDAtLjQzLDAtLjY2LDAtLjA3LS4xNy0uMTgtLjQ0LS44MS0uNjMtLjIxLS40OS0uODItMS4wOC0xLjI1LTEuMzktLjExLC41LS4wNCwxLjExLC4xMiwxLjQ4WiI+PC9wYXRoPjwvc3ZnPg==');
    display: inline-block;
 width: 20px;
  height: 20px;
  position: absolute;
  transform: translateY(-50%)translateX(-50%);
  z-index: 3;
left: 50%;
top:0;
}.separator::after {
  content: '';
  width: 21px;
  height: 21px;
  background-color: var(--primary-bronze);
  z-index: 2;
  display: inline-block;
  position: absolute;
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
left: 50%;
top:0;
box-sizing: border-box;
}

.text-connect ul {
    display: flex; /* Включает Flexbox */
    justify-content: center; /* Центрирует элементы по горизонтали */
    align-items: center; /* Выравнивает элементы по вертикали */
    gap: 25px; /* Устанавливает промежуток между элементами */
    list-style: none; /* Убирает маркеры списка */
    padding: 0; /* Убирает внутренние отступы */
    margin: 0; /* Убирает внешние отступы */
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку при нехватке места */
    width: 100%; /* Занимает всю доступную ширину */
    box-sizing: border-box; /* Учитывает паддинги и бордеры в общей ширине элемента */
padding-top: 4vh;
width: 100%;
  margin: 0 auto;
}
.text-connect p
{
text-align: right;
}
.text-connect ul li {
    text-align: center; 
    flex: 1 1 auto; /* Позволяет элементам гибко изменять размер */
    max-width: 200px; /* Устанавливает максимальную ширину для элементов */
    text-align: center; /* Центрирует текст внутри элементов */
position: relative;
}
.text-connect ul li::before {
position: absolute;
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjUyIDkuNTIiIGZpbGw9InJnYigxNDIgMTE5IDcxLzEpIj48cGF0aCBkPSJNNS41MSwxLjQxYy0uMDMtLjI4LS40OC0xLjMzLS43NS0xLjQxLS4yNywuMDgtLjcyLDEuMTMtLjc1LDEuNDEtLjM3LS4xNi0uOTgtLjIzLTEuNDgtLjEyLC4zMSwuNDMsLjksMS4wNSwxLjM5LDEuMjUsLjE5LC42MywuNDYsLjc0LC42MywuODEsMCwuMjMsMCwuNDMsMCwuNjYsLjAzLC4xMywuMTQsLjE4LC4yMSwuMjEsLjA3LS4wMiwuMTgtLjA4LC4yMS0uMjEsMC0uMjMsMC0uNDMsMC0uNjYsLjE3LS4wNywuNDQtLjE4LC42My0uODEsLjQ5LS4yMSwxLjA4LS44MiwxLjM5LTEuMjUtLjUtLjExLTEuMTEtLjA0LTEuNDgsLjEyWiI+PC9wYXRoPjxwYXRoIGQ9Ik00LjAxLDguMTFjLjAzLC4yOCwuNDgsMS4zMywuNzUsMS40MSwuMjctLjA4LC43Mi0xLjEzLC43NS0xLjQxLC4zNywuMTYsLjk4LC4yMywxLjQ4LC4xMi0uMzEtLjQzLS45LTEuMDUtMS4zOS0xLjI1LS4xOS0uNjMtLjQ2LS43NC0uNjMtLjgxLDAtLjIzLDAtLjQzLDAtLjY2LS4wMy0uMTMtLjE0LS4xOC0uMjEtLjIxLS4wNywuMDItLjE4LC4wOC0uMjEsLjIxLDAsLjIzLDAsLjQzLDAsLjY2LS4xNywuMDctLjQ0LC4xOC0uNjMsLjgxLS40OSwuMjEtMS4wOCwuODItMS4zOSwxLjI1LC41LC4xMSwxLjExLC4wNCwxLjQ4LS4xMloiPjwvcGF0aD48cGF0aCBkPSJNOC4xMSw1LjUxYy4yOC0uMDMsMS4zMy0uNDgsMS40MS0uNzUtLjA4LS4yNy0xLjEzLS43Mi0xLjQxLS43NSwuMTYtLjM3LC4yMy0uOTgsLjEyLTEuNDgtLjQzLC4zMS0xLjA1LC45LTEuMjUsMS4zOS0uNjMsLjE5LS43NCwuNDYtLjgxLC42My0uMjMsMC0uNDMsMC0uNjYsMC0uMTMsLjAzLS4xOCwuMTQtLjIxLC4yMSwuMDIsLjA3LC4wOCwuMTgsLjIxLC4yMSwuMjMsMCwuNDMsMCwuNjYsMCwuMDcsLjE3LC4xOCwuNDQsLjgxLC42MywuMjEsLjQ5LC44MiwxLjA4LDEuMjUsMS4zOSwuMTEtLjUsLjA0LTEuMTEtLjEyLTEuNDhaIj48L3BhdGg+PHBhdGggZD0iTTEuNDEsNC4wMWMtLjI4LC4wMy0xLjMzLC40OC0xLjQxLC43NSwuMDgsLjI3LDEuMTMsLjcyLDEuNDEsLjc1LS4xNiwuMzctLjIzLC45OC0uMTIsMS40OCwuNDMtLjMxLDEuMDUtLjksMS4yNS0xLjM5LC42My0uMTksLjc0LS40NiwuODEtLjYzLC4yMywwLC40MywwLC42NiwwLC4xMy0uMDMsLjE4LS4xNCwuMjEtLjIxLS4wMi0uMDctLjA4LS4xOC0uMjEtLjIxLS4yMywwLS40MywwLS42NiwwLS4wNy0uMTctLjE4LS40NC0uODEtLjYzLS4yMS0uNDktLjgyLTEuMDgtMS4yNS0xLjM5LS4xMSwuNS0uMDQsMS4xMSwuMTIsMS40OFoiPjwvcGF0aD48L3N2Zz4=');
display: block;
  width: 16px;
  height: 16px;
  left: 50%;
top: -.6rem;
  transform: translate(+50%, -50%);
}
.parallax_bottom:before{
content:'';
position:absolute;
width:100%;
height:100%;
background: linear-gradient(to right, rgb(37, 34, 28) 0%,rgba(37, 34, 28, 1) 50%,  rgba(37, 34, 28, 0.3) 60%, 
rgba(37, 34, 28, 0.1) 60%, rgba(37, 34, 28, 0) 100% );
z-index: 2;
}
.container2 h2 {font-size:50px;  
text-align: center;
  display: block;
margin: 0 auto;
  position: relative;
margin-top: 2.5rem; 
}
.container2 h2 span {
  color: var(--primary-white);
}
.container2 ul {font-size:20px;}
.container2 {
   padding-bottom: 2.5rem;
}
.bottomwrapper:before {
content: '';
  background-color: var(--primary-bronze);
  width: 1px;
  position: absolute;
  height: 100%;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
}
.sepwrapper {position:relative;min-height: 29rem;
  margin-top: -29rem;}
.sepwrapper .separator {
  z-index: 5; position:relative;
}
.sepwrapper h2 {
  bottom: 0rem;
  z-index: 6;
  position: absolute;
  font-size: 50px;
text-transform: uppercase;
  color: var(--primary-bronze);
  right: 50%;
width: 32rem;
line-height: 46px;
  bottom: 2rem;
}
.text-connect {
  float: right;
  right: 50%;
  z-index: 5;
  background: none;
  max-width: 28rem;
bottom: 27rem;
  font-size: 20px;
}
.text-connect ul li {font-size: 20px;}  
.text-connect p{text-align: left;}
.welcome-message {
padding-top: 2.5rem;
min-height: 300px;
}
.welcome-message p{
padding-top: 2rem;
border-top: 1px solid var(--primary-bronze);
margin: 0 auto;
}
.streamers-wrapper .streamer:nth-of-type(1)::after {display:none;}
.streamers-container:before {
content: '';
  background-color: var(--primary-bronze);
  width: 1px;
  height: 75%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  position: absolute;
  z-index: 5;
  top: 10%;}
.streamers-wrapper h2 {font-size:50px;}
.streamers-wrapper h3 {font-size:20px;}
.streamers-container {
  padding-bottom: 3rem;
}
.separator {z-index: 4;}

.text-connect h2 {margin-top: -9rem;
  padding-bottom: 3rem;
font-size: 50px;
  color: var(--primary-bronze);
display: block;
  float: right;
text-transform: uppercase;
line-height: 46px;
margin-right: 10%;
}
.separator-mod {top:-28.5rem;}
.join-dev-block p {font-size:20px;}
.join-dev-block h2 {
  font-size: 50px;
}
.final-separator {
  width: 100%;
  margin: 0 auto;
}