<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 {
            text-decoration: none;
        }
        
        .header a:visited,
        .menu a:visited {
            text-decoration: none;
        }
        
        .header span {
            margin: 10px 15px 10px 15px;
			font-weight: 600; 
		}
        
        .header span:hover {
            background-color: #C88A00;
            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 {
            border: 1px solid #A0A0A1;
            border-radius: 10px;
            margin: 20px;
            height: 115px;
            flex-basis: 400px;
        }
        
        .menu li img {
            background-color: #F0F4F8;
            float: left;
            margin-right: 5px;
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
        
        .menu li h3 {
            margin: 8px 8px 0px 0px;
            color: #5685BE;
        }
        
        .menu li p {
            margin: 8px 8px 8px 0px;
            color: #717171;}
		#title-heading {display: none;}
		.page-metadata {visibility: hidden;}
 </style>

<div class="menu">
    <div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_1.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_1.png">
        <p><b>Телефон Аndroid версии: 4.0 и выше</b></p>

    </div>
	<div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_2.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_2.png">
        <p><b>Настроенный мобильный интернет</b></p>

    </div>
    <div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_3.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_3.png">
        <p><b>Скачать и установить приложение с <a href="https://play.google.com/store/apps/details?id=com.evos</b></p>">Play Market<span></span></a>

    </div>
    <div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_4.png"> <img src="https://docs.tn.in.ua/download/attachments/9407588/icon_4.png">
        <p><b>Запустить приложение</b></p>
    </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>