body {
	font-size: 100%;
	text-align: center;
}
main .horipad {
	height: 100%;
}
table, html, body {
	height: 100%;
}
table {
	border: none;
}
.logoback {
	background: url(../irudi/favicon.png) center center no-repeat;
/*	background-size: contain;*/
}
table div a {
	text-decoration: none;
	color: #666;
}
table div a:hover {
	text-decoration: underline;
}
h1, .text1, .text2, .text3 {
	text-align: center;
}
.text1 {
	font-size: 25vw;
	line-height: 0.8em;
	letter-spacing: -0.1em;
	margin-bottom: -.7em;
	font-weight: bold;
	color: #AAA;
}
.text1 span {
	color: #CCC;
}
.text2 {
	line-height: 1;
	font-size: 50vw;
	padding-right: 50px;
	letter-spacing: -0.2em;
	font-weight: bold;
	color: #CCC;
	color: rgba(155, 155, 155, .9);
}
.text2 span {
	color: #DDD;
	color: rgba(200, 200, 200, .9);
}
.text3 {
	text-shadow: #FFF 1px 1px 0;
	letter-spacing: -1px;
	font-size: 1.125em;
	color: #888;
}
.text3 strong {
	font-size: 1.1em;
	color: #777;
}
.offlinex {
	font-size: 12rem;
	line-height: .75;
	animation: fadeinout 2s infinite 60ms;
}
@-webkit-keyframes fadeinout {
	from {opacity: 1;}
	to {opacity: 0.15;}
} 
@keyframes fadeinout {
	from {opacity: 1;}
	to {opacity: 0.15;}
}

@media screen and (min-width: 65em) { /* ------------------------ w>1040 ------------------------ */

.text1 {
	font-size: 15rem;
}
.text2 {
	font-size: 30rem;
}