:focus {outline:none;}

* {
	box-sizing: border-box;
}

html {
	height: 100%;
	margin: 0px;
}

body {
	margin: 0px;
	height: 100%;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	color: #222;
	background: #252525;
}

table { 
	border-spacing: 0px;
	border-collapse: separate;
}

td {
	padding: 0px;
}

a {
	color: white;
}

.center {
	color: white;
        border-radius: 1em;
        padding: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
}

.bottom {
        position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	color: white;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
}

.header {
	width: 100%;
	_display: flex;
	text-align: center;
	_border: 3px dotted white;
	_flex-direction: column;
	_justify-content: center;
}

.header_left {
	_flex-basis: 100px;
}

.header_right {
	width: 100%;
	text-align: center;
}

.logo {
	_width: 250px;
	_height: 60px;
	_padding: 50px 20px;
	_padding: 150px 20px 15px 90px;
	font-size: 30px;
	_font-weight: 700;
	letter-spacing: 2px;
	color: white;
	font-family: 'Roboto', sans-serif;
	_background: #4f1d85;
	_border-radius: 5px;
}



@media (max-width: 900px) {
	.logo {
		font-size: 50px;
	}
}


h1 {
	_background: #666; #4f1d85;
	_border: 3px dashed white;
	border-radius: 15px;
	_text-align: left;
	padding: 30px 10px;
	margin: 0px;
	font-weight: 400;
	color: white;
	font-family: 'Roboto';
	line-height: 1.15;
	font-size: 25px;
}