сделай адаптацию под различные устройства:  <!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style_glav.css">
	<title>Портал субподрядчиков</title>
</head>

<body>
	<div id="header">
	<div class="navbar">
	<div class="navbar__company"> 
	    Industrial Solutions RUS
   </div>
   </div>
	<img src="image/logo.png"> 
	</div>
		<section class="intro">
			<header>
				<nav>
					<a class="links_nav" href="index1.html"><div class="content_links_nav">Главная</div></a>
					<a class="links_nav" href="company.html"><div class="content_links_nav">О компании</div></a>
					<a class="links_nav" href="proect.html"><div class="content_links_nav">Проекты</div></a>
					</nav>
					<div class="link">
					<a class="link" href="log.html"><img src="image/icon.png" alt="" class="icon"></i>Войти в личный кабинет </a>
					</div>
			</header>
				<div class="content content_index">
    <div class="index_header">
        <div class="container">
            <div class="index_header__header">
                Портал субподрядчиков
            </div>
        </div>
    </div>
	</div>
		<section class="fon">
	    <div class="container">
        <div class="index__wrapper">
            <div class="index__wrapper__left">
                <h1 class="index__wrapper__left__header">
                    Приветствуем на портале субподрядчиков
                </h1>
                <h2 class="index__wrapper__left__subheader">thyssenkrupp Industrial Solutions Russia</h2>
                <p>Тиссенкрупп Индастриал Солюшнс (РУС) предлагает полный пакет глобальных услуг: от разработки 
				концепции и проектирования до строительства, ввода в эксплуатацию и сервисного обслуживания. 
				Мы берем на себя ответственность за выполнение крупномасштабных проектов в качестве подрядчика по проектированию, 
				закупкам и строительству (ЕРС), а также гарантируем вам поддержку на местах силами наших компетентных и опытных специалистов.
                </p>
				<p>
				Наша компания проводит тщательный отбор субподрядчиков, исходя из их квалификации, опыта работы, и политики социальной ответственности.
				Наша цель - выбрать надежных и квалифицированных партнеров. Также  поддерживаем открытую и регулярную коммуникацию с нашими партнёрами во время 
				выполнения проектов: обмениваемся информацией, решаем возникающие вопросы и принимаем совместные решения. Мы придерживаемся профессионализма и 
				сотрудничаем в целях достижения общих результатов.
                </p>
				<p>
				Мы стремимся к постоянному улучшению качества наших услуг, и для этого нам нужна команда надежных и 
				квалифицированных субподрядчиков. Мы приглашаем вас стать нашим партнером и сотрудничать с нами в различных проектах.
				Мы гордимся нашими проектами и всегда ищем новых партнеров, чтобы вместе продолжать строить сильное будущее. 
				Будем рады начать взаимовыгодное сотрудничество с вами!
			   </p>
            </div>
            <div class="index__wrapper__right">
                <div class="index__wrapper__right__content">
                    <div class="right_links">
                        <a href="log.html" class="right_link">
                            <div class="right_link__pic">
                                <img class="right_link__img" src="image/login.png" alt="">
                            </div>
                            <div class="right__link__text">
                                Вход в кабинет
                            </div>
                        </a>

                        <a href="signup.html" class="right_link">
                            <div class="right_link__pic">
                                <img class="right_link__img" src="image/reg.png" alt="">
                            </div>
                            <div class="right__link__text">
                                Зарегистрироваться
                            </div>
                        </a>
                        <a href="company.html" class="right_link">
                            <div class="right_link__pic">
                                <img class="right_link__img" src="image/about.jpg" alt="">
                            </div>
                            <div class="right__link__text">
                                О компании
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
	:root {
	--white_color: #FFF;
	--black_color: #000;
	--blue_color: lightblue;
	--header_height: 50px;
	--indent_from_intro_left_right_for_text: 30px;
	--letter_spacing_min: 1px;
	--letter_spacing_h1: 5px;
	--wrapper_examples_bouquets_height: 84vh;
	--padding_section_choose: 10%;
}


a {
	text-decoration: none;
	color: var(--black_color);
}



header {
	max-width: 100vw;
	min-height: var(--header_height);
	padding: 0 var(--indent_from_intro_left_right_for_text);
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
    background-color: var(--white_color);
}

#header{
  position:relative;
  min-height: 13vh;
  max-width: 99vw;
  margin-bottom: 0px;
  background: #00a0f0;
}


.navbar__company {
    color: white;
    font-size: 16px;
    padding-top: 81px;
	padding-left:1250px;
	font-family: 'tktype', sans-serif;
}


img{
  width: 380px;
  height: 79px;
  position:absolute;
  top:21px;
  left:269px;
}


nav {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	min-height: var(--header_height);
	padding-left:225px;
}

.links_nav {
	position: relative;
	font-size: 1rem;
	display: inline;
	line-height: 50px;
	padding: 0 15px;
	letter-spacing: var(--letter_spacing_min);
	border-top: 2px solid #FFF;
	border-top-width: 0;
	
}

.links_nav:hover .content_links_nav {
	color: #00a0f0
}

.links_nav:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: DeepSkyBlue;
	opacity: 0;
	transition: 500ms all ease 0s;
	
}


.content_links_nav {
	width: 100%;
	transition: 500ms all ease 0s;
    font-size: 1.1em;
    font-family: 'tktype', sans-serif;

}


.links_nav:hover:after {
	opacity: 1;
}

.icon {
  width: 24px;
  height: 21px;
  position:absolute;
  top:13px;
  left:1403px;
}

.link {
	font-size: 1em;
    font-family: 'tktype', sans-serif;
}


.link a {
    color: #00a0f0;
    background-repeat: no-repeat; 
    text-decoration: none; 
    padding: 6px 43px; 
    transition: 0.3s; 

}
 
.link a:hover{
 background-size: 100% 100%;
 color: #00a0f0;
} 


.intro {
	min-height: 50vh;
	max-width: 99vw;
	display: block;
	position: relative;
	background: #00a0f
}

.index_header {
    padding: 140px 0 70px 0;
    background-image: url("image/welcome.jpg");
    background-size: cover;
    margin-top: 4px;
}


.index_header__header {
    font-size: 2em;
    color: #fff;
    display: inline-block;
    padding: 20px 30px 20px 20px;
    position: relative;
	background-color: #00a0f0;
	left: 270px;
    top: 20px;
	
}

.fon{
	min-height: 95vh;
	max-width: 95vw;
	display: block;
	position: relative;
    background-color: #fff;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	
}

p {
    line-height: 1.5;
    margin: 15px 0;
	color: #4b5564;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}