/* Responsive fixes based on the potvardi-porachka.com layout corrections */

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

.tm-white-curve-text,
.tm-home-right,
.tm-section-header,
.tm-section-text,
.thin-font,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
.btn {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: normal;
}

.tm-section {
	height: auto;
	min-height: 600px;
}

.tm-section-header {
	line-height: 1.2;
	margin-bottom: 18px;
}

.tm-section-text {
	line-height: 1.35;
	margin-bottom: 12px;
}

.btn.p100 {
	white-space: normal;
	line-height: 1.25;
	text-align: center;
}

@media screen and (min-width: 801px) {
	.tm-home-right .tm-section-text:first-child {
		margin-top: 48px;
	}

	.tm-white-curve-text .thin-font,
	.tm-home-right {
		font-size: 0.94rem;
		line-height: 1.55;
	}

	.tm-home-right .tm-section-text:nth-of-type(2),
	.tm-home-right .tm-section-text:nth-of-type(3) {
		margin-top: 12px;
	}
}

@media screen and (min-width: 992px) {
	.navbar-container {
		gap: 12px;
	}

	.navbar-container > .btn.p100 {
		flex: 0 0 auto;
		white-space: nowrap;
		padding: 0.5rem 0.75rem;
		font-size: 0.95rem;
	}

	.navbar {
		flex: 1 1 auto;
	}

	.navbar-nav {
		display: flex;
		justify-content: flex-end;
		flex-wrap: nowrap;
		width: 100%;
	}

	.nav-item {
		font-size: 1.45em;
	}

	.navbar-nav .nav-link,
	.navbar-nav .nav-link:focus {
		white-space: nowrap;
		padding: 0.45em 0.58em;
	}
}

@media screen and (max-width: 800px) {
	.tm-section {
		min-height: 0;
		padding-top: 42px;
		padding-bottom: 42px;
	}

	.tm-home-right .tm-section-text:first-child {
		margin-top: 1px;
	}

	.tm-home-right .tm-section-text:nth-of-type(2),
	.tm-home-right .tm-section-text:nth-of-type(3) {
		margin-top: 18px;
	}

	#tm-section-2 .btn.p100,
	#tm-section-3 .btn.p100,
	#tm-section-4 .btn.p100,
	.tm-footer .btn.p100 {
		display: block;
		box-sizing: border-box;
		width: 100%;
		margin: 8px 0;
		padding: 11px 12px;
		text-align: center;
	}

	.tm-section-header {
		font-size: 1.55rem;
	}
}

@media screen and (max-width: 550px) {
	.navbar-container {
		width: calc(100% - 24px);
	}

	.tm-section {
		padding-left: 12px;
		padding-right: 12px;
	}

	.tm-section-text,
	.thin-font {
		font-size: 0.95rem;
	}

	.tm-section-header {
		font-size: 1.35rem;
	}
}