@import "reset.css";

html, body {
	height: 100vh;
	width: 100%;
	overflow-x: hidden;
}
html {
	
}
body {
	background-color: #f9f9f9;
	font-family: Lato;
	font-size: 14px;
	line-height: normal;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#444444+0,282828+100 */
	background: #444444; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #444444 0%, #282828 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #444444 0%,#282828 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #444444 0%,#282828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#282828',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

* {
	font-size: 1.2rem;
	color: #f9f9f9;
}

h1 {
	font-size: 3rem;
	margin-bottom: 20px;
	word-break: break-word;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

p {
	font-size: 1.2rem;
	margin-bottom: 20px;
}

#page-wrapper {
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing:border-box
}

.content {
	width: 50%;
	max-width: 750px;
	margin: auto;
	text-align: center;
}

img {
	margin-bottom: 20px;
	width: 300px;
}

@media screen and (max-width: 900px) {
	.content {
		width: 100%;
	}
}