:root {
	--color-light-violete2: #F0ECF8;
	--color-orange-2: #ED7620;
}

body{
	background-color: var(--color-light-grey);
}

.container::after, 
.container::before {
  content: none;
}

.btn--violete-light:hover {
	background-color: var(--color-grey);
	box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.30);
	transition: all 250ms ease-out;
}

.btn--orange {
	background-color: var(--color-orange-2);
	color: var(--color-white);
}

.btn--violete-light {
	background-color: var(--color-light-violete2);
	color: var(--color-light-black);
}

.text--break-word{
	overflow-wrap: break-word;
	word-break: break-all;
}

.title-block__title {
	font-family: Unbounded, var(--replacement-fonts);
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 136.7%;
	text-transform: uppercase;
}

.title-block__title--black {
	color: var(--color-light-black);
}

.title-block__title--white {
	color: var(--color-white);
}

@media screen and (max-width: 1600px) {
	.title-block__title {
		font-size: 30px;
	}
}

@media screen and (max-width: 1445px) {
	.title-block__title {
		font-size: 25px;
	}
}

@media screen and (max-width: 1375px) {
	.title-block__title {
		font-size: 22px;
	}
}

@media screen and (max-width: 901px) {
	.title-block__title {
		font-size: 20px;
	}
}
@media screen and (max-width: 645px) {
	.title-block__title {
		font-size: 18px;
	}
}

h1 { font-size: 36px; }
h2 { font-size: 29px; }
h3 { font-size: 24px; }
h4 { font-size: 21px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

@media screen and (max-width: 1600px) {
    h1 { font-size: 30px; }
    h2 { font-size: 25px; }
    h3 { font-size: 21px; }
    h4 { font-size: 19px; }
    h5 { font-size: 17px; }
    h6 { font-size: 15px; }
}

@media screen and (max-width: 1445px) {
    h1 { font-size: 25px; }
    h2 { font-size: 22px; }
    h3 { font-size: 19px; }
    h4 { font-size: 17px; }
    h5 { font-size: 16px; }
    h6 { font-size: 15px; }
}

@media screen and (max-width: 1375px) {
    h1 { font-size: 22px; }
    h2 { font-size: 20px; }
    h3 { font-size: 17px; }
    h4 { font-size: 16px; }
    h5 { font-size: 15px; }
    h6 { font-size: 14px; }
}

@media screen and (max-width: 901px) {
    h1 { font-size: 20px; }
    h2 { font-size: 19px; }
    h3 { font-size: 17px; }
    h4 { font-size: 16px; }
    h5 { font-size: 15px; }
    h6 { font-size: 14px; }
}
@media screen and (max-width: 645px) {
    h1 { font-size: 18px; }
    h2 { font-size: 16px; }
    h3 { font-size: 15px; }
    h4 { font-size: 15px; }
    h5 { font-size: 15px; }
    h6 { font-size: 14px; }
}