/******************************************************общие для экранов*/


/******************************************************размеры экранов*/
/* Портретные планшеты и средние настольные компьютеры */
@media (min-width: 1025px){

.how{
	height: 28vw; /*336/1200*/
	background-color: #203066;
	background-image: url(/images/screen3L.jpg);
	background-size: cover;
}
.hw1{
	padding-top: 5.5833333vw; /*67/1200*/
	text-align: center;
	font-size: 3.5416666vw; /*42,5/1200*/
	font-family: Philosopher, sans-serif;
	color: white;
	height: auto;
	margin: 0;
}
.how-punkts{
	display: flex;
	/* align-items: center;*/
	justify-content: space-between;
	margin-top: 4.3333333vw; /*52/1200*/
}
.how-num{
	width: 4.4166666vw; /*53/1200*/
	height: 4.4166666vw; /*53/1200*/
	margin-bottom: 1.6666666vw; /*20/1200*/
}
.how-arr{
	margin-top: 6.8333333vw; /*82/1200*/
	width: 0.4583333vw; /*5,5/1200*/
	height: 0.8333333vw; /*10/1200*/
}
.howP{
	font-family: Philosopher, sans-serif;
	font-size: 1.5vw; /*18/1200*/
	color: white;
	height: auto;
	margin: 0;
	padding-bottom: 0.5vw; /*6/1200*/
	border-bottom: 0.1666666vw solid #00c2ff; /*2/1200*/
}
.pt2{
	position: relative;
}
.howPS{
	position: absolute;
	font-family: Philosopher, sans-serif;
	font-size: 1.2vw; /*14,4/1200*/
	color: white;
	margin: 0;
	border: 1px solid red;
	border-radius: 0.5833333vw; /*7/1200*/
	padding: 0.8vw 1vw; /*12/1200*/
	right:0;
	top:0;
	text-align:right;
}
}
/* Горизонтальные телефоны и вертикальные планшеты */
@media (min-width: 576px) and (max-width: 1024px) {

.how{
	height: 79.530638vw; /*610/767*/
	background-color: #203066;
	background-image: url(/images/screen3M.jpg);
	background-size: cover;
}
.hw1{
	padding-top: 5.8670143vw; /*45/767*/
	text-align: center;
	font-size: 3.9765319vw; /*30,5/767*/
	font-family: Philosopher, sans-serif;
	color: white;
	height: auto;
	margin: 0;
}
.how-punkts{
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin-top: 7.4315514vw; /*57/767*/
	margin-left: 15.775749vw; /*121/767*/
}
.how-num{
	width: 10.430247vw; /*80/767*/
	height: 10.430247vw; /*80/767*/
	margin-right: 3.9113428vw; /*30/767*/
}
.howP{
	position: relative;
	font-family: Philosopher, sans-serif;
	font-size: 2.5814863vw; /*19,8/767*/
	color: white;
	height: auto;
	margin: 0;
	padding-bottom: 1.8252933vw; /*14/767*/
	border-bottom: 0.2607561vw solid #00c2ff; /*2/767*/
}
.pt1{
	display: flex;
	align-items: center;
	margin-bottom: 4.1720990vw; /*32/767*/

}

.howPS{
	position: absolute;
	font-family: Philosopher, sans-serif;
	font-size: 2.0730117vw; /*15,9/767*/
	color: red;
	margin: 0;
	left:0;
	bottom: -2.9986962vw; /*23/767*/
}
}
/* Вертикальные телефоны и меньше */
@media (max-width: 575.98px) {
.how{
	height: 113.36805vw; /*653/576*/
	background-color: #203066;
	background-image: url(/images/screen3S.jpg);
	background-size: cover;
}
.hw1{
	padding-top: 9.8958333vw; /*57/576*/
	text-align: center;
	font-size: 6.1631944vw; /*35,5/576*/
	font-family: Philosopher, sans-serif;
	color: white;
	height: auto;
	margin: 0;
}
.how-punkts{
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin-top: 9.5486111vw; /*55/576*/
}
.how-num{
	width: 14.0625vw; /*81/576*/
	height: 14.0625vw; /*81/576*/
	margin-right: 2.9513888vw; /*17/576*/
}
.howP{
	position: relative;
	font-family: Philosopher, sans-serif;
	font-size: 4.9479166vw; /*28,5/576*/
	color: white;
	height: auto;
	margin: 0;
	padding-bottom: 2.0833333vw; /*12/576*/
	border-bottom: 0.3472222vw solid #00c2ff; /*2/576*/
}
.pt1{
	display: flex;
	align-items: center;
	margin-bottom: 7.8125vw; /*45/576*/
}

.howPS{
	position: absolute;
	font-family: Philosopher, sans-serif;
	font-size: 4.4097222vw; /*25,4/576*/
	color: red;
	margin: 0;
	left:0;
	bottom: -5.7291666vw; /*33/576*/
}
}