.hmst-tips {}

	.hmst-tips-panel-container {}

		.hmst-tips-panel {
			margin-bottom: 15px;
		}

		.hmst-tips-panel.odd {}
		.hmst-tips-panel.even {}

			.hmst-tips-panel-content {
				display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
			}

				.hmst-tips-panel-content-wysiwyg,
				.hmst-tips-panel-content-images {
					-ms-flex: 0 0 100%;
			    flex: 0 0 100%;
			    max-width: 100%;
					margin: 0;
					min-height: 525px;
					/* max-height: none; */
				}

				.hmst-tips-panel-content-wysiwyg {
					background-color: #eee;
					padding: 25px;
				}

				.hmst-tips-panel-content-images {
					/* background-color: #eee; */
				}

					.hmst-tips-panel-content-images img {
						height: inherit;
						display: block;
					}

					.hmst-tips-panel-content-images .image {
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center;
						width: 100%;
						height: 100%;
						display: block;
					}

		.hmst-tips-panel.odd .hmst-tips-panel-content {}

		.hmst-tips-panel.even .hmst-tips-panel-content {}





@media only screen
and (min-width : 768px) {

	.hmst-tips-panel-content-wysiwyg,
	.hmst-tips-panel-content-images {
		-ms-flex: 0 0 50%;
		flex: 0 0 calc(50% - 15px);
		max-width: calc(50% - 15px);
		margin: 0 7.5px;
	}

	.hmst-tips-panel.odd .hmst-tips-panel-content .hmst-tips-panel-content-wysiwyg {
		order: 1
	}

	.hmst-tips-panel.odd .hmst-tips-panel-content .hmst-tips-panel-content-images {
		order: 2
	}

	.hmst-tips-panel.even .hmst-tips-panel-content .hmst-tips-panel-content-wysiwyg {
		order: 2
	}

	.hmst-tips-panel.even .hmst-tips-panel-content .hmst-tips-panel-content-images {
		order: 1
	}

}

@media only screen
and (min-width : 992px) {

	.hmst-tips-panel-content-wysiwyg,
	.hmst-tips-panel-content-images {
		min-height: 525px;
	}

}