/******************************************************общие для экранов*/
.bgrec{
	background-color: #FCF8E8;
	background-size: cover;
}
.rc1{
	text-align: center;
	font-family: Philosopher, sans-serif;
	color: #603813;
	height: auto;
	margin: 0;
}
.rbH{
	text-align: left;
	font-weight: 700;
	font-family: Philosopher, sans-serif;
	color: #603813;
	margin: 0;
}
.rbT{
	text-align: left;
	font-style: italic;
	font-family: Ubuntu, sans-serif;
	color: #231F20;
	margin: 0;
}

/******************************************************размеры экранов*/
/* Портретные планшеты и средние настольные компьютеры */
@media (min-width: 1025px){
.recomend{
	padding-bottom: 3.3333333vw; /*40/1200*/
}
.rec-1{
	margin-bottom: 1.666666vw /*20/1200*/;
	width: 31%;
	margin-top: 2.5vw /*30/1200*/;
}
.bgrec{
	background-image: url(/images/screenTextL.jpg);
}
.rc1{
	padding-top: 3.333333vw /*40/1200*/;
	font-size: 3.383333vw; /*40,6/1200*/
}
.rec-blocks{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;

}
.rec-block-header{
	margin-bottom: 1.666666vw; /*20/1200*/

}
.rbH{
	font-size: 1.875vw /*22,5/1200*/;
}
.rbT{
	font-size: 16px /*15,6/1200*/;
}

}
/* Горизонтальные телефоны и вертикальные планшеты */
@media (min-width: 576px) and (max-width: 1024px) {
.recomend{
	padding-bottom: 3.9113428vw; /*30/767*/

}
.bgrec{
	background-image: url(/images/screenTextM.jpg);
}
.rc1{
	padding-top: 3.333333vw; /*25,56/767*/
	font-size: 3.9765319vw; /*30,5/767*/
}
.rec-blocks{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;

}
.rec-1{
	width: 47%;
	margin-top: 4vw;
}
.rec-block-header{
	margin-bottom: 2vw;
}
.rbH{
	font-size: 2.8135593vw; /*21,58/767*/

}
.rbT{
	font-size: 2.086049vw; /*16/767*/
}

}
/* Вертикальные телефоны и меньше */
@media (max-width: 575.98px) {
.recomend{
	padding-bottom: 3.993055vw; /*23/576*/

}
.bgrec{
	background-image: url(/images/screenTextS.jpg);
}
.rc1{
	padding-top: 5.729166vw; /*33/576*/
	font-size: 6.076388vw; /*35/576*/
}
.rec-blocks{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;

}
.rec-1{
	width: 100%;
	margin-top: 6.076388vw; /*35/576*/

}
.rec-block-header{
	margin-bottom: 2.430555vw; /*14/576*/
}
.rbH{
	font-size: 4.513888vw; /*26/576*/

}
.rbT{
	font-size: 3.298611vw; /*19/576*/
}
.more{
	color: #6D6E71;
}

}