@media (max-width: 767px) {
	body {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.block-register {
		height: auto;
		min-height: 80vh;
		margin: 5% 0;
	}
	.block-register__main-container {
		display: block;
		height: 100%;
	}

	.main-container__info {
		width: 100%;
		height: 14.6vh;

		background-color: var(--addit-color);

		position: relative;
	}

	.main-container__info h1 {
		writing-mode: horizontal-tb;
		transform: rotate(0deg);
		
		position: absolute;
		bottom: 10px;
		left: 10px;
	}

	.main-container__reg {
		margin: 20px 11px 22px 11px;
		padding-bottom: 20px;
	}

    .main-container__final-reg {
        height: 58vh;
    }

	.reg__inpt-area {
		margin: 20px 0px 30px 0px;

		display: grid;
		grid-template-columns: 1fr;
		gap: 13px;
	}
}