@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=Oswald:wght@200;400&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap');

/* Общее */
* 																{box-sizing: border-box; -webkit-text-size-adjust: 100%;}
html, body												{
																		width: 100%; margin: 0; padding: 0; background: #FFFFFF;
																		font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: .5px; color: #333333; 
																	}
section, article, footer					{width: 100%; position: relative; max-width: 1440px; margin: 0 auto; padding: 0;}
footer														{padding: 60px 20px;}

/* Cсылки */
a 																{color: #333333;}
a:hover 													{text-decoration: none; }

/* Заголовки */
h1, h2, h3, h4 										{line-height: 1.05; padding: 0; margin: 0; text-align: left; max-width: 780px;}


/* Промо */
.header														{margin: 20px auto -20px; text-align: center;}
.header__logo											{
																		font-family: 'Lora', serif; font-size: 22px; font-weight: 400; letter-spacing: 6px; 
																		text-transform: uppercase; text-decoration: none; width: 100%; text-align: center;
																	}
.promo 														{max-width: 860px; margin-top: 40px;}
.promo a 													{text-decoration: none;}
.promo__image 										{display: block; width: 100%;}
.promo__description 							{padding: 0 20px;}
.promo__description__header				{
																		font-family: 'Oswald', serif; font-size: 22px; font-weight: 400; line-height: 1.25; padding: 20px 0 10px; margin: 0; 
																		text-transform: uppercase; text-align: left; text-decoration: underline;
																	}
.promo__description__button				{
																		font-size: 14px;
																		max-width: 420px; padding: 10px; margin: 20px auto 0; display: block; 
																		color: #BA0E43; border: #BA0E43 1px solid; border-radius: 6px; 
																		text-align: center; text-transform: uppercase; text-decoration: none;
																	}
/* mouseover */
.promo:hover 											{cursor: pointer;}
.promo:hover
.promo__description__header				{text-decoration: none;}
.promo__description__button:hover {color: #FFFFFF; background-color: #BA0E43;}


/* Футер */
.social__button										{
																		font-size: 14px;
																		max-width: 420px; padding: 10px; margin: 0 auto 20px; display: block; 
																		border: #333333 1px solid; border-radius: 6px; 
																		text-align: center; text-transform: uppercase; text-decoration: none;
																	}
.social__button svg 							{height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 2px;}

.social__button_telegram					{background-color: #0088CC; border-color: #0088CC; color: #FFFFFF;}
.social__button_telegram svg path {fill: #FFFFFF;}


.social__button_whatsapp					{background-color: #59CE72; border-color: #59CE72; color: #FFFFFF;}
.social__button_whatsapp svg path {fill: #FFFFFF;}

.social__button_vk								{background-color: #07F; border-color: #07F; color: #FFFFFF;}
.social__button_vk svg path 			{fill: #FFFFFF;}



@media (min-width: 720px) {
	/* Общее */
	html, body 												{font-size: 18px;}
	footer														{padding: 80px 40px 80px;}

	/* Промо */
	.header														{margin: 40px 0 -20px;}
	.header__logo 										{font-size: 30px;}
	.promo 														{margin-top: 60px;}
	.promo__description 							{padding: 0 40px;}
	.promo__description__header 			{font-size: 24px;}
	.promo__description__button 			{font-size: 16px;}

	/* Футер */
	.social__button_telegram,
	.social__button_whatsapp 					{font-size: 16px;}

}