<div class="header">
        	<h1>Начало использования</h1>
        <h2>Основные возможности</h3>
    </div>

   

    <style>
        .header {
            		background-image: url("/download/attachments/6817598/bg_3.png");
            text-align: center;
            padding: 20px;
        }

       
        	.header h1,
        .header h2,
        .header span {            
            color: white;
        }
		.header h1,
        .header h2 {            
            margin: 20px;
    }
   }     
   	.header h1 {
            font-size: 48px;
			line-height: 1.5;
        }
		
	.header h2 {
            font-size: 18px;
        }
		.header a:link,       

	.menu a:link {header h1,
             text-decoration: none;
        }
        
        .header a:visitedh2,
        .menu a:visited {
            text-decoration: none;
        }
        
        .header span {            
margin: 10px 15px 10px 15px; 			font-weight: 600;  		}
        
        .header span:hover {
            background-color: #C88A00white;
            border-radius: 0.5em;
            margin: 0px;
            padding: 10px 15px 10px 15px;
        }
        
        .menu ul{
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            list-style: none;
            max-width: 1400px;
            margin: auto;
        }
        
        .menu li}
	.header h1,
    .header h2 {            
border: 1px solid #A0A0A1;             border-radius: 10px;
            margin: 20px;
            height: 115px;
            flex-basis: 400px;
        }
        
        .menu li img 	.header h1 {
            background-colorfont-size: #F0F4F8;
            float: left;
            margin-right: 5px;
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
        
        .menu li h3 48px;
		line-height: 1.5;
    }
		
	.header h2 {
            margin: 8px 8px 0px 0pxfont-size: 18px;
            color: #5685BE;
        }
        
        .menu li p {
            margin: 8px 8px 8px 0px;
            color: #717171;}
		#title-heading {display: none;}
		.page-metadata {visibility: hidden;}
 </style>

<div class="menugeneral">
	<div class="title">
		<div  <div>
         class="inner_block image">
			<img src="https://docs.tn.in.ua/download/attachments/940758830998681/icon_1Arrow.png?version=1&modificationDate=1520241908721&api=v2">
		</div>
		<div class="inner_block text">
			<p>Клиентское приложение   <p><b>Доступно для заказа Androidтакси иВашей iOS<службы.</b></p>

    		</div>
	</div>
	<div  <div>
         class="block block_wm">
		<div class="inner_block image">
			<img src="https://docs.tn.in.ua/download/attachments/940758830998681/icon_1Platform.png?version=1&modificationDate=1520241909825&api=v2">
		</div>
		<div class="inner_block text">
			<p><b>Доступно для Android и <p><b>Размещение iOS</b></br>
			<span>Приложение публикуется на Google Play и App Store</b><span></p>

    		</div>
	</div>

 <div>
         	<div class="block">
		<div class="inner_block image">
			<img src="https://docs.tn.in.ua/download/attachments/940758830998681/icon_2Update.png?version=1&modificationDate=1520241910435&api=v2">
		</div>
		<div class="inner_block text">
			<p><b>Обновление и развитие  <p><b>Персонализация под Вашу ИДС</b><функционала</b></br>
			<span>Постоянное обновление приложения</span></p>

    		</div>
	</div>
	<div class="block block_wm">
 <div>
         		<div class="inner_block image">
			<img src="https://docs.tn.in.ua/download/attachments/940758830998681/icon_3Custom.png?version=1&modificationDate=1520241909086&api=v2">
		</div>
		<div class="inner_block text">
			<p><b>Персонализация под Вашу  <p><b>Обновление и развитие функционала</b></a>
	ИДС</b></br>
			<span>Кастомизация приложения приложения согласно Вашему фирменному стилю</span></p>
		</div>
   
	</div>
</div>

<style>
        .menu {
width: 900px; margin: 0px;
        padding: 0px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        list-style: none;        
        margin: auto;
    }

    .menu div{
        width: 180px;
margin: 20px; }

    .menu p {
        text-align: center;        
        margin-bottom: 0px;
    }

    .menu img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


   /* #title-heading {
        display: none;
    }

    .page-metadata {
        visibility: hidden;
    }*/


</style>