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


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


.firstL{
	display: flex; 
	flex-wrap: wrap;
	flex-direction: column;
	/* justify-content: center; */
	min-height: 44.25vw; /*531/1200*/
	background: grey; 
	background-image: url(/images/firstL.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	/*margin-top: 6.16666vw; /*74/1200*/
}
.first-row{
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-between;
}
.social-icons{
	width: 2.1666666vw; /*26/1200*/
	height: 2.1666666vw; /*26/1200*/
	margin-right: 0.6666666vw; /*8/1200*/
	
}
.first-social{
	margin-top: 1.25vw; /*15/1200*/


}
.first-header{
	font-family: Philosopher, sans-serif;
	font-size: 1.8958333vw; /*22,75/1200*/
	color: white;
	margin-top: 10.416666vw; /*125/1200*/

}
.first-header h1{
	margin: 0;
}
.first-text{
	font-family: Ubuntu, sans-serif;
	font-size: 1.5583333vw; /*18,7/1200*/
	color: #fee4bb;
	margin-top: 1.45vw; /*17,4/1200*/
	line-height: 1.4em;
}
.first-text p{
	margin: 0;
}

.span-001{
    border: 0.0833333vw /*1/1200*/ solid #fee4bb;
    padding: 0.1666666vw /*2/1200*/ 0.8333333vw; /*10/1200*/
	padding-bottom: 0.3333333vw; /*4/1200*/
    margin: 0 10px;
    border-radius: 5px;
	transition: background-color 500ms;
}
.span-001:hover{
	background-color:rgba(0,194,255,0.7);
	transition: background-color 500ms;
}
.first-text a{
	text-decoration: none;
	color: #fee4bb;
}
.first-buttons{
	display: flex; 
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	width: 46.166666vw; /*554/1200*/
	margin-top: 2.6666666vw; /*32/1200*/

}
.first-buttons a{
	font-family: Ubuntu, sans-serif;
	text-decoration: none;
	font-size: 1.1916666vw; /*14,3/1200*/
	color: white;
}
.yellow-button{
	display: flex;
	align-items: center;
	padding: 1.25vw /*15/1200*/ 1.5vw; /*18/1200*/
	height: 100%;
	border-radius: 7px;
	background-color: rgba(250,198,42,0.54);
	transition: background-color 500ms;
}
.yellow-button:hover{
	background-color: rgba(96,57,19,0.54);
	transition: background-color 500ms;
}


.right-first{
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-between;
	flex-flow: column;
	width: 23.666666vw; /*284/1200*/
	height: 34.416666vw; /*413/1200*/
	margin-top: 3.3333333vw; /*40/1200*/
	border-radius: 7px;
	background-color: rgba(242,224,204,0.80);
	padding: 1.75vw /*21/1200*/ 3.1666666vw; /*38/1200*/
	
}
.right-first p{
	margin: 0;
}
.right-first a{
	text-decoration: none;
	text-align: center;
}
.he1{
	font-family: Philosopher, sans-serif;
	font-size: 1.2916666vw; /*15,5/1200*/

	font-weight:600;
	color: #3b2314;
}
.par{
	
	font-family: Ubuntu, sans-serif;
	font-size: 1.1416666vw; /*13,7/1200*/
	color: #603813;
}
.par-red{
	font-family: Ubuntu, sans-serif;
	font-size: 1.1416666vw; /*13,7/1200*/
	color: red;
}
.ahr{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.6666666vw; /*44/1200*/
	border-radius: 7px;
	background-color: #00c2ff;
	transition: background-color 500ms;
	padding: 0;
	font-family: Ubuntu, sans-serif;
	font-size: 1.1416666vw; /*13,7/1200*/
	color: white;
}
.ahr:hover{
	background-color: #077ca0;
}
.first-scroll-down{
	display: block;
	width: 5.9166666vw; /*71/1200*/
	height: 2.0833333vw; /*25/1200*/
	margin: auto auto;
	margin-top: 2.0833333vw; /*25/1200*/
}
}
/* Горизонтальные телефоны и вертикальные планшеты */
@media (min-width: 576px) and (max-width: 1024px) {
.firstM{
	display: flex; 
	flex-wrap: wrap;
	flex-direction: column;
	/* justify-content: center; */
	min-height: 46.805736vw; /*359/767*/
	background: grey; 
	background-image: url(/images/firstM.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	/*margin-top: 9.126466vw; /*70/767*/
}
.first-row{
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-between;
}
.social-icons{
	width: 5.6714471vw; /*43,5/767*/
	height: 5.6714471vw; /*43,5/767*/
	margin-right: 1.8252933vw; /*14/767*/

	
}
.first-social{
	margin-top: 3.2855280vw; /*25,2/767*/
}
.first-header{
	font-family: Philosopher, sans-serif;
	font-size: 3.0638852vw; /*23,5/767*/
	color: white;
	margin-top: 2.7379400vw; /*21/767*/

}
.first-header h1{
	margin: 0;
}
.first-buttons{
	display: flex; 
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-top: 2.6075619vw; /*20/767*/

}
.first-buttons a{
	font-family: Ubuntu, sans-serif;
	text-decoration: none;
	color: white;
	width: 40.586701vw; /*311,3/767*/
}
.yellow-button{
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-family: Ubuntu, sans-serif;
	text-decoration: none;
	font-size: 2.8135593vw; /*21,58/767*/
	color: white;
	padding: 1.25vw  1.5vw; /*15/1200*/ /*18/1200*/
	width: 37.548891vw; /*288/767*/
	border-radius: 7px;
	background-color: rgba(250,198,42,0.40);
	transition: background-color 500ms;
}


.right-first{
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	/*width: 23.666666vw; /*284/1200*/
	height: 30.508474vw; /*234/767*/
	margin-top: 3.2594524vw; /*25/767*/

	
}
.right-first p{
	margin: 0;
}
.right-first a{
	text-decoration: none;
	text-align: center;
}
.ahr{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 9.6479791vw; /*74/767*/
	border-radius: 7px;
	background-color: rgba(0,194,255,0.9);
	transition: background-color 500ms;
	padding: 0;
	text-align: center;
	font-family: Ubuntu, sans-serif;
	font-size: 2.6857887vw; /*20,6/767*/
	color: white;
}
.first-scroll-down{
	display: block;
	width: 10.691003vw; /*82/767*/
	height: 3.9113428vw; /*30/767*/
	margin: auto auto;
	margin-top: 2.0833333vw; /*25/1200*/
}
}
/* Вертикальные телефоны и меньше */
@media (max-width: 575.98px) {
.firstS{
	display: flex; 
	flex-wrap: wrap;
	flex-direction: column;
	min-height: 70.3125vw; /*405/576*/
	background: grey; 
	background-image: url(/images/firstS.jpg);
	background-size: cover;
	height: 100%;
	width: 100%;
	/*margin-top: 16.319444vw; /*94/576*/
	
}
.social-icons{
	width: 9.5486111vw; /*55/576*/
	height: 9.5486111vw; /*55/576*/
	margin-left: 3.0555555vw; /*17,6/576*/

}
.first-social{
	display: flex; 
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin-top: 3.8194444vw; /*22/576*/
}

.first-header{
	font-family: Philosopher, sans-serif;
	font-size: 5.6423611vw; /*32,5/576*/
	color: white;
	margin-top: 7.1180555vw; /*41/576*/
	line-height: 2em;
}
.first-header h1{
	margin: 0;
	text-align: center;
}
.first-buttons{
	display: flex; 
	justify-content: center;
	align-items: center;
	margin-top: 5.2083333vw; /*30/576*/
	height: 16.944444vw; /*97,6/576*/
	border-radius: 5px;
	background-color: rgba(250,198,42,0.80);
	font-family: Ubuntu, sans-serif;
	font-size: 5.5555555vw; /*32/576*/
}
.first-buttons a{
	display: flex; 
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: white;
	height: 100%;
	width: 100%;
}
.ahr{
	text-align:center;
	letter-spacing: 0px;
}
.under-first{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	padding-top: 4.6875vw; /*27/576*/
	padding-bottom: 4.6875vw; /*27/576*/
	background-color: #ECDFCC;
	height: 64.409722vw; /*371/576*/
	
}
.under-first a{
	text-decoration: none;
	font-size: 4.6vw; /*почему-то не совпадают размеры в пунктах!!!!!*/
	color: white;
	font-family: Ubuntu, sans-serif;
	
}
.blue-button{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 11.631944vw; /*67/576*/
	border-radius: 5px;
	background-color: rgba(0,194,255,0.9);
	transition: background-color 500ms;
	padding: 0;
	text-align: center;
}
}