@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.title {
	text-align: center;
	font-size: 4rem;
	font-weight: 600;
	margin-bottom: 50px;
	font-family: 'Poppins', sans-serif;
	width: 100%;
}

.paragraph {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 35px;
}

.title-sm {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	margin-top: 24px;
	margin-bottom: 24px;
}

.tires-container {
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 48px;
}

.main-image {
	width: 100%;
	margin-top: 24px;
	margin-bottom: 24px;
}

.link {
	color: black;
	font-size: inherit;
	font-weight: 600;
}

.list {
	list-style: circle;
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 35px;
}

.list-ordered {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 35px;
}

.blue-container {
	background-color: #343a40;
	padding: 40px;
	color: white;
}

.step-paragraph {
	font-family: 'Poppins', sans-serif;
	background-color: #e40522;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
	text-align: center;
	width: 100%;
	color: white;
	padding: 31px;
	margin-bottom: 48px;
}

.mt {
	margin-top: 48px;
}

.paragraph-xl {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
	margin-top: 24px;
}

.info-container {
	padding: 24px;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	background-color: #e9ecef;
	font-weight: 400;
	font-size: 18px;
	line-height: 35px;
	margin-top: 24px;
}

.flex--row {
	display: flex;
	margin-top: 24px;
}

.flex--row img {
	width: 40%;
	height: auto;
}

@media only screen and (max-width: 995px) {
	.flex--row {
		flex-direction: column;
		align-items: center;
	}
	.flex--row img {
		width: 70%;
	}
}

@media only screen and (max-width: 600px) {
	.tires-container {
		flex-direction: column;
		align-items: center;
	}

	.tires-container img {
		width: 60%;
	}

	.table-image {
		width: 100%;
		padding-bottom: 20px;
		content: url(/img/artykuly/michellin-gwarancja/table-small.png);
	}
	.flex--row img {
		width: 90%;
	}
}