/*<section class="header1 container">*/

@media (min-width: 0) {

	.top-line {
		display: none;
	}

	.bottom-line {
		display: none;
	}

	.header1 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.circle {
		display: none;
	}

	.header1__info {
		display: flex;
		flex-direction: column;
	}


	.design-courses {
		font-size: 18px;
		color: #BC625C;
		font-weight: 400;
		line-height: 120%;

	}

	h1 {
		text-transform: uppercase;
		font-size: 24px;
		line-height: 120%;
		margin-top: 10px;
		color: #1D1D1B;
	}

	h1 span {
		color: #BC625C;
	}

	.header1__img {
		object-fit: cover;
		text-align: center;
		margin-top: 30px;
		bottom: -4px;
		position: relative;
	}

	.header1__mob-img {
		border-radius: 0 75px;
		width: 100%;
	}

	.header1__device-img {
		position: relative;
		width: 100%;
		z-index: 2;
		display: none;

	}

	.header1__list {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}



	.header1__description {
		font-size: 14px;
		margin-top: 30px;
		line-height: 150%;
		font-family: "Gotham Pro";
		color: #1D1D1B;
	}

	.header1__list {
		padding-top: 30px;
	}

	.header1__points {
		display: flex;
		flex-direction: column;
		padding-inline-start: 12px;
		font-family: "Gotham Pro";
		gap: 8px;
		margin-block-end: 0 !important;
	}

	.header1__point span {
		color: #BC625C;
		display: block;
		font-weight: 400;
		font-size: 28px;
		line-height: 120%;
		font-family: "FuturaFuturisC";

	}




	.header1__point {
		font-size: 16px;
		line-height: 150%;
		font-family: Gotham Pro;
	}

	.header1__btn,
	.a-btn {
		text-decoration: none;
		display: block;
		background: #FAD1CE;
		border-radius: 25px;
		cursor: pointer;
		outline: none;
		border: none;
		width: 343px;
		height: 56px;
		font-size: 18px;
		margin-top: 27px;
		width: 100%;
		text-align: center;
		color: #1D1D1B;
		font-family: "FuturaFuturisC";
		justify-content: center;
		align-items: center;
		display: flex;
	}
}

@media (min-width: 954px) {

	.header1__info {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 5px;
	}

	.header1__btn {
		max-width: 80%;
	}

	.header1__device-img {
		display: block;
	}

	.header1__mob-img {
		display: none;
	}


	.header1__point span {
		color: #BC625C;
	}

	.header1__img {
		grid-column-start: 2;
		grid-row-start: 1;
		grid-row-end: 5;
		margin-top: 0;
		position: relative;
		height: 388px;

	}

	.header1__list {
		flex-direction: row;
		justify-content: space-between;
	}

	.header1__device-img {
		width: 100%;
		border-radius: 0 75px;
	}

	.header1__description {
		margin-top: 25px;
		align-self: start;
	}
 
	h1 {
		margin-top: 10px;
		align-self: center;
	}

	.design-courses {
		align-self: end;
	}


	.header1__img img {
		position: absolute;
		left: 15%;
		bottom: 0;
		width: 75%
	}

	.header1__point {
		max-width: 165px;
	}


	.header1__point span {
		min-width: 221px;
		font-size: 23px;
	}


	.header1__points {
		flex-direction: row;
		gap: 20px;
		justify-content: space-between;
	}

	.header1__info .design-courses {
		margin-top: 10%;
	}

	.header1__point:span {
		color: #BC625C;
	}
}

@media (min-width: 1243px) {
	.header1__img {
		height: 395px;
		grid-row-end: 4;
	}

	.header1__point {
		max-width: 200px;
	}

	.header1__point span {
		font-size: 28px;
	}

	.header1__list .header1__point:nth-child(2) {
		width: 129px;
	}

	.header1__list .header1__point:nth-child(3) {
		width: 165px;
	}

	.header1__list .header1__point:nth-child(4) {
		width: 172px;
	}

	.header1 {
		padding-bottom: 64px;
	}

	h1 {
		font-size: 36px;
		max-width: 490px;
		margin-top: 0;
	}



	.header1__info .design-courses {
		position: relative;
		bottom: -10px;

	}

	.header1__description {
		font-size: 20px;
		margin-top: 0;
	}


	.header1__btn {
		font-size: 20px;
		width: 100%;
	}

	.header1__point {
		font-size: 16px;
	}

	.header1__img img {
		width: 80%;
	}

	.header1__img {
		height: 560px;
	}
}

@media (min-width: 1413px) {
	.circle {
		position: absolute;
		width: 187px;
		height: 200px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 5;
		left: 80%;
		top: 187px;
	}

	@keyframes animate {
		0% {
			transform: rotate(360deg);
		}

		100% {
			transform: rotate(0deg);
		}
	}

	.top-line {
		display: block;
		position: absolute;
		left: -200px;
	}

	.bottom-line {
		display: block;
		position: absolute;
		left: -200px;
		bottom: -100px;
		z-index: 3;
	}


	.logo {
		position: absolute;
		/*абсолютное позиционирование*/
		background-size: cover;
		/*картинка пропорционально растянута на весь блок*/
		border-radius: 50%;
		top: 30%;
		font-size: 48px;
	}

	.text {
		position: absolute;
		width: 100%;
		height: 100%;
		animation: animate 10s linear infinite;
		/*свойства анимации*/
	}

	.text p span {
		position: absolute;
		left: 50%;
		/*позиция слева*/
		font-size: 1.2em;
		/*размер шрифта*/
		text-transform: uppercase;
		/*большие буквы*/
		transform-origin: 0 100px;
		/*точка исхода трансформации*/
	}
}

/*<section class="header1 container">*/