@media only screen and (max-width: 768px) {
	.logo {
		position:absolute;
		top:15px;
		left:5px;
		width:50px;
		height:50px;
		padding:5px;
		z-index:1;
	}
}

@media only screen and (min-width: 768px) {
	.logo {
		position:absolute;
		top:15px;
		left:5px;
		width:120px;
		height:120px;
		padding:5px;
		z-index:1;
	}
}

HTML, BODY {
	margin:0;
	text-align:center;
	font-family:'Open Sans',sans-serif;
}

.header {
	position:relative;
	padding:10px;
	margin:0;
	width:calc(100vw - 20px);
	height:65px;
	background-color:#000000;
	color:#FFFFFF;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	z-index:0;
	margin-bottom:50px;
}

.header IMG {
	width:50px;
	height:50px;
}

A {
	display:inline-block;
	border-left:#000000 solid 4px;
	border-bottom:#000000 solid 4px;
	border-right:#000000 solid 4px;
	border-top:#000000 solid 4px;
	background-color:#FFFFFF;
	width:240px;
	margin:20px;
	padding:30px;
	font-size:28px;
	font-weight:bold;
	border-radius:20px;
	z-index:2;
}

.small {
	font-size:14px;
}

P {
	font-weight:bold;
	font-size:12px;
}

TABLE {
	margin:auto;
	width:700px;
	border:#000 solid 1px;
}

TABLE TD {
	text-align:left;
	padding:10px;
}

INPUT, SELECT, BUTTON {
	font-family:'Open Sans',sans-serif;
}

INPUT[type="text"] {
	width:400px;
}

.hide {
	display:none;
}

.show {
	display:table-row;
}

A:link, A:visited {
	color:#000000;
	text-decoration:none;
}

A:hover {
	cursor:pointer;
	background-color:#DF797D;
}
