/************
 *			*
 *	CSS		*
 *	2020	*
 *			*
 ************/


@import url('https://fonts.googleapis.com/css?family=Raleway:400,500&display=swap');

html, body {
	font-family: Raleway, sans-serif;
	margin: 0;
	padding: 0;
	color: #444;
	background-color: #eee;
}

.cnt {
	position: absolute;
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}

.cnt img { width: auto; height: 200px; }
.cnt p { font-size: 60px; margin: 20px 0; }
.cnt span { display: block; font-size: 32px; color: #feba25; margin-bottom: 40px; }


.bg {
	position: fixed;
	z-index: -1;
}

.top {
	width: 300px;
	height: 240px;
	top: 0;
	left: 0;
	background: url('img/bg.png') -30px -200px/auto no-repeat;
}

.bott {
	width: 300px;
	height: 240px;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
	background: url('img/bg.png') left/auto no-repeat;
}


@media only screen and (max-width: 768px) {
	.cnt img { height: 100px; }
	.cnt p { font-size: 30px; }
	.cnt span { font-size: 24px; }
	.cnt { font-size: 16px; }
	/*.bg { display: none; }*/
	
	.top { background-position: -300px; }
	.bott { background-position: 100px; }
}