&__connection-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 3rem;
	justify-content: center;

	@media (max-width: 750px) {
		flex-direction: column;
		gap: 1rem;
	}

	&__icon {
		width: 200px;

		@media (max-width: 750px) {
			width: 100%;
		}

		img {
			width: 100%;
			object-fit: cover;
		}


	}

	&__description {

		width: 500px;

		@media (max-width: 750px) {
			width: 100%;
		}

		h3 {
			font-size: 32px;
			font-weight: 700;

			@media (max-width: 750px) {
				font-size: 28px;
			}
		}

		p {
			font-size: 16px;
			font-weight: 300;
		}
	}
}