.of-supported,
.of-not-supported {
	display: none;
}

.OF-fill {
	object-fit: fill;
	font-family: 'object-fit: fill';
}

.OF-contain {
	object-fit: contain;
	font-family: 'object-fit: contain';
}

.OF-cover {
	object-fit: cover;
	font-family: 'object-fit: cover';
}
.OF-cover-op {
	object-fit: cover;
	object-position: 50% 70%;
	font-family: 'object-fit: cover; object-position: 50% 70%';
}

.OF-none {
	object-fit: none;
	font-family: 'object-fit: none';
}

.OF-scaleDown {
	object-fit: scale-down;
	font-family: 'object-fit: scale-down';
}

@media (max-width: 700px) {
	.xs--OF-cover {
		height: 100%; 
		max-height: 600px;
		width: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover';
		border-color: maroon;
	}
}