html, body{
	text-align: center;
	position: relative;
	background-color: #434343;
	margin:0;
	padding:0;
	height: 100%;
}
.p {
	display: block;
	margin: 0px;
}
.header{
	font-family: 'Roboto', 'Arial Narrow', Arial, sans-serif;
	color: #fff;
	padding: 20px;
	text-align: center;
	position: relative;
	font-weight: 100;
	font-size: 30px;
	line-height: 30px;
}
.border{
	color: #fff;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width: 700px;
	max-width: 80%
	border:2px solid;
	text-align: center;
	border-radius:8px;
	position: relative;
}
.title{
	font-family: 'Roboto', 'Arial Narrow', Arial, sans-serif;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	text-align: left;
	position: relative;
	font-weight: Bold;
	font-size: 22px;
}
.body{
	font-family: Arial, sans-serif;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: left;
	position: relative;
	font-size: 16px;
}
.version{
}
.link{
	text-align: center;
	position: relative;
	left: 0px;
	padding-top: 10px;
	margin: 0 0;
}
.link a{
	text-align: center;
	position: relative;
	left: 0px;
	padding-top: 10px;
	margin: 0 0;
	color: #fff;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('https://themes.googleusercontent.com/font?kit=biUEjW7P-lfzIZFXrcy-wQ') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://themes.googleusercontent.com/font?kit=7KXg6nyyqN8gyMoNwQ7aOQ') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('https://themes.googleusercontent.com/font?kit=daIfzbEw-lbjMyv4rMUUTj8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('https://themes.googleusercontent.com/font?kit=iE8HhaRzdhPxC93dOdA05z8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('https://themes.googleusercontent.com/font?kit=jB4HYzUnEmLtjz-UHQe60fesZW2xOQ-xsNqO47m55DA') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://themes.googleusercontent.com/font?kit=vxNK-E6B13CyehuDCmvQvw') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('https://themes.googleusercontent.com/font?kit=1_sFLBJZ_MiiGcnkjN_Mgg') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('https://themes.googleusercontent.com/font?kit=MMDEOSa6i6T9gBocjYCJkQ') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('https://themes.googleusercontent.com/font?kit=owYYXKukxFDFjr0ZO8NXhz8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('https://themes.googleusercontent.com/font?kit=b9PWBSMHrT2zM5FgUdtu0T8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://themes.googleusercontent.com/font?kit=d-QWLnp4didxos_6urzFtg') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://themes.googleusercontent.com/font?kit=grlryt2bdKIyfMSOhzd1eA') format('woff');
}