@charset "utf-8";

body {
	height: auto;
	background-repeat: no-repeat;
}

.arrow {
margin-right: 10px; 
}

.navigation-bar {
font-family: Roboto;
color: #222;
font-size: 16px;
position: relative;
line-height: 1.5;
}

.navigation-bar__back-btn {
display: flex;
align-items: center;
padding-bottom: 20px;
}


p {font-family: Roboto;
color: #222;
font-size: 20px;
position: relative;
line-height: 1.5;
}

.static__block--page {
	font-family: Roboto;
	color: #222;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.5;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.static__text--info {
	font-family: Roboto;
	color: #222;
	font-size: 18px;
	line-height: 1.5;
	padding-bottom: 20px;
}

.static__block--main {
	font-family: Roboto;
	color: #222;
	font-size: 16px;
	line-height: 1.5;
	text-transform: uppercase;
	padding-bottom: 20px;
	width: 100%;
	display: flex;
	padding-top: 30px;
}

.static__block--text {
	font-family: Roboto;
	color: #222;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 20px;
	display: flex;
}

.static__number {
	width: 40px;
	display: inline-block;
	vertical-align: top;
}

.static__text {
	width: calc(100% - 40px);
	display: inline-block;
	vertical-align: top;
}



a { font-family: Roboto;
	color: #F52764;
	text-decoration: none;
	
}

a:hover {
  	color: #F52764;
		
}

.background {
	max-width: 1280px;
	min-height: 1020px;
	background-repeat: no-repeat;
	margin: auto;
}


.contentL {
	max-width: 1300px;
	margin: 100px 0px 0px 100px;
	
}
@media screen and (max-width : 768px ){
	
	.contentL {
	max-width: 1300px;
	margin: 50px 50px 50px 50px;
		}
}
@media screen and (max-width: 375px) {
	
.contentL {
	max-width: 1300px;
	margin: 50px 20px 50px 20px;
		}
	
.static__block--page {
font-size: 18px;
}

.static__text--info {
font-size: 16px;
}
	
.static__number {
	width: 30px;

}	
}