/******************************************************************************/
/* RATIOFIX */
/******************************************************************************/
.ratiofix, .ratiofix-v {
	position: relative;
	overflow: hidden;
}

.ratiofix-v {
	height: 100%;
}

.ratiofix > .ratiofix-img,
.ratiofix .ratiofix-center-content > .ratiofix-img {
	display: block;
	width: 100%;
	height: auto;
}
.ratiofix-v > .ratiofix-img,
.ratiofix-v .ratiofix-center-content .ratiofix-img {
	width: auto;
	height: 100%;
}

.ratiofix-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.ratiofix > .ratiofix-center {
	
}
.ratiofix-v > .ratiofix-center {
	height: 100%;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.ratiofix-v > .ratiofix-center > .ratiofix-center-content {
	position: relative;
	height: 100%;
	display: inline-block;
	transform: translateX( -50% );
}


.ratiofix > .ratiofix-content > .ratiofix-vfix {
	position: absolute;
	height: 0;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
}

.ratiofix > .ratiofix-content > .ratiofix-vfix > div {
	width: 100%;
	transform: translateY( -50% );
}