@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Bold.eot');
	src: url('/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Roboto-Bold.woff2') format('woff2'),
		url('/fonts/Roboto-Bold.woff') format('woff'),
		url('/fonts/Roboto-Bold.ttf') format('truetype'),
		url('/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Light.eot');
	src: url('/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Roboto-Light.woff2') format('woff2'),
		url('/fonts/Roboto-Light.woff') format('woff'),
		url('/fonts/Roboto-Light.ttf') format('truetype'),
		url('/fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Regular.eot');
	src: url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Roboto-Regular.woff2') format('woff2'),
		url('/fonts/Roboto-Regular.woff') format('woff'),
		url('/fonts/Roboto-Regular.ttf') format('truetype'),
		url('/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html, body {
	font-family: "Roboto", sans-serif;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	padding: 40px;
	text-align: center;
}

h1 {
	max-width: 750px;
	margin: auto;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 0;
	padding: 0;
}

p {
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
	margin: auto;
}

p.small {
	margin-top: 50px;
	font-size: 20px;
	line-height: 28px;
}

a, a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #000;
}

strong {
	font-weight: 700;
}

.logo {
	max-width: 350px;
	display: block;
	width: 100%;
	margin: auto;
	padding-bottom: 40px;
}

@media only screen and (max-width: 600px) {
  body {
	padding: 20px;
  }
  h1 {
	  margin-bottom: -20px;
  }
  .logo {
	padding-bottom: 30px;  
  }
  p.small {
	margin-top: 35px;  
  }
}