<div class="ajax-text-and-image white-popup-block">
	<style>
	.ajax-text-and-image {
		max-width:800px; margin: 20px auto; background: #FFF; padding: 0; line-height: 0;
	}
	.ajcol {
		width: 50%; float:left;
	}
	.ajcol img {
		width: 100%; height: auto; border-radius: 4px;
	}
	.mfp-content .ajcol h1 {
		font-size: 33px;
	    color: #e95f2b;
	    margin-bottom: 28px;
	}
	.mfp-content .ajcol p {
		color: #3b3f5c;
    font-size: 15px;
	}


	@media all and (max-width:30em) {
		.ajcol { 
			width: 100%;
			float:none;
		}
	}
	</style>
	<div class="ajcol">
		<img src="assets/img/lightbox-15.jpeg"/>
	</div>
	<div class="ajcol" style="line-height: 1.231;">
		<div style="padding: 1em">
			<h1>This is just block of HTML, loaded via ajax</h1>
		    <p>You can put absolutely any HTML here and resize it dynamically just with help of CSS.</p>
		</div>
	</div>
	<div style="clear:both; line-height: 0;"></div>
</div>