@font-face {
  font-family: tikibar;
  src: url('assets/fonts/bamboodesaipan.ttf');
}
@font-face {
  font-family: baloo;
  src: url('assets/fonts/Baloo-Regular.ttf');
}
html, body { margin: 0; }
body {
}
.mask {
	background: url(assets/img/tiki_bg_v01.jpg);
	background-position: 0 -200px;
    background-size: cover;
    background-repeat: no-repeat;	
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.header {
	text-align: center;
    margin: 0;
	padding: 20px 0;
	background: #0000009c;
}
.title {
	font-family: tikibar;	
	font-size: 40px;
	font-weight: 600;
	margin: 20px 0;
	color: orange;
}
.subtitle {
	font-family: baloo;
	font-size: 24px;
	color: orange;
}
.main {
	background: #0000009c;
	position: fixed;
	bottom: 0;
	width: 100%;	
}
.big-text {
    font-size: 120px;
    font-family: 'baloo';
    color: white;
    text-align: center;
}
.logo {
	display: inline-block;
	background: url('assets/img/tiki_logo_25_v01.png');
    width: 100px;
    height: 100px;
    background-size: contain;	
}
@media only screen and (max-width: 600px) {
	.mask {
		background-position: -600px 0;
	}
	.main {
		background: #0000009c;
		position: fixed;
		bottom: 0;
		width: 100%;	
	}
	.big-text {
		margin: 0;
		font-size: 32px;
	}
}