html{
	font-family: 'Roboto', sans-serif;
}

body{
	padding:5px 40px 40px 40px;
}

table{
	border:2px solid;
	padding:0;
	border-spacing:2px;
}

th{
	text-align:right;
	border:1px solid;
	padding:0.5em;
}

td{
	text-align:left;
	border:1px solid;
	padding:0.5em;
}

h1.title{
	display:	inline-flex;
	width:		60%;
}
.titleLogo{
	display:	inline-flex;
	height:		50px;
	vertical-align: middle;
}

h2{
	font-size:1.8em;
}

div.name{
	display:inline-block;
	font-size:2.2em;
	letter-spacing: 0px;
	width:5.5em;
	margin:0.25em 0 0.25em 0;
}

div.word{
	display:inline-block;
	font-size:2.0em;
	letter-spacing: 0px;
	word-wrap:break-all;
	margin:0.25em 0 0.25em 0;
	padding-left:1.5em;
}

@media screen and (orientation:landscape){
	div.wordAreaSize{
		width:100%-5.5em;
	}
}
@media screen and (orientation:portrait){
	div.wordAreaSize{
		width:90%;margin-top:0;
	}
}