@font-face {
	font-family: Ubuntu-Regular;
	src: url(../fonts/ubuntu/Ubuntu-R.ttf);
}

@font-face {
	font-family: Ubuntu-Bold;
	src: url(../fonts/ubuntu/Ubuntu-M.ttf);
}

@font-face {
	font-family: Ubuntu-Light;
	src: url(../fonts/ubuntu/Ubuntu-L.ttf);
}

@font-face {
	font-family: Ubuntu-Italic;
	src: url(../fonts/ubuntu/Ubuntu-LI.ttf);
}

.hidden {
	display: none;
}
.container {
		display: block;
		position: fixed;
		clear: both;
		width: 100vw;
		height: 100vh;
		background-color: var(--fuba-white);
		color: var(--fuba-text);
		overflow: auto;
}
	
@media ( orientation : landscape) {
	html, body {
		width: 100vw;
		height: 100vh;
		font-family: Ubuntu-Light, Arial, Verdana;
		padding: 0em;
		margin: 0em;
		color: var(--fuba-text-color);
		background-color: var(--fuba-white);
		font-size: 1.7vh;
		overflow: hidden;
	}
	.pagetitle {
		display: block;
		position: relative;
		margin-top: 1vh;
		width: calc(100% - 10vh);
		clear: both;
		font-size: 4.5vh;
		padding-left: 5vh;
		padding-right: 5vh;
		color: var(--fuba-text);
		font-family: Ubuntu-Bold, Arial
	}
	.pagesubtitle {
		display: block;
		position: relative;
		margin-top: 0.5vh;
		margin-left: 1vh;
		width: 100%;
		clear: both;
		font-size: 1.7vh;
		color: var(--fuba-text);
	}
}
@media ( orientation : portrait) {
	html, body {
		width: 100vw;
		height: 100vh;
		font-family: Ubuntu-Light, Arial, Verdana;
		padding: 0em;
		margin: 0em;
		color: var(--fuba-text-color);
		background-color: var(--fuba-white);
		font-size: 2vh;
		overflow-x: hidden;
	}
	.pagetitle {
		display: block;
		position: relative;
		margin-top: 1vh;
		width: calc(100% - 6vh);
		clear: both;
		font-size: 3vh;
		color: var(--fuba-text);
		font-family: Ubuntu-Bold, Arial;
		padding-left: 4vh;
		
	}
	.pagesubtitle {
		display: block;
		position: relative;
		margin-top: 1.5vh;
		width: 98%;
		clear: both;
		font-size: 1.8vh;
		color: var(--fuba-text);
	}
}