.conteiner-content-block {

	--main_green: #037291;
	--text_primary: #101828;
	--text-tertiary: #000;
	--font_cent_got_400: "Century Gothic";

	padding-top: 40px;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;

	border-top: 1px solid #FFF;

	background-color: rgba(234, 236, 240, 0.5);

	* {
		font-family: "Century Gothic" !important;
	}

	.container {
		border-radius: 12px 12px 0 0;
		background: #FFF;
		padding: 32px 28px 0 28px;
	}


	.page-article-wrapper {
		overflow: hidden;
		padding-bottom: 40px;

		.post-image {
			float: right;

			width: 50%;
			height: 340px;
			object-fit: cover;

			margin-left: 20px;
			margin-bottom: 20px;

			border-radius: 12px;
		}

		.post-content {
			color: var(--text_primary, #101828);
			font-size: 14px;
			line-height: 20px;

			img {
				border-radius: 12px;
				margin: 5px;
				max-width: 100%;
			}

			a {
				text-decoration: none;
				color: var(--main_green, #037291);

				transition: font-weight 0.3s ease;

				&:hover {
					font-weight: 900;
				}
			}

			p {
				margin-bottom: 1em;
			}

			h1,
			h2,
			h3 {
				font-size: 28px;
				font-style: normal;
				font-weight: 400;
				line-height: normal;

				margin-bottom: 12px;
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.conteiner-content-block {
		background-size: auto 160px;
		padding-top: 15px;

		.container {
			padding-right: 15px;
			padding-left: 15px;
			border-radius: 0;
		}

		.page-article-wrapper {
			margin-bottom: 0;

			.post-image {
				max-height: 240px;
				width: 100%;
			}

			.post-content {

				img {
					margin: 5px 0;
					max-width: 100%;
				}
			}
		}
	}
}