/*
@font-face {
	font-family: 'gloriahallelujahregular';
    src: url('../fonts/gloriahallelujah-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
*/



@font-face {
	font-family: 'regular';
    src: url('../fonts/hind-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.hidden {
	display: none;
}

.unvisible { opacity: 0 }

.fadeout {
	opacity: 0;
	transition: opacity .5s linear;
}

.fadein {
	transition: opacity 2s linear;
	opacity: 1;
}

body {
	padding: 0 2%;
	margin: 0;
	font-family: "regular", sans-serif;
}

.ratio-container {
	position: relative;
	overflow: hidden;
}

.ratio-container:before {
	content: "";
	display: block;
}

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