* { 
	box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

html, body {
	color:#303030;
}

body {
    overflow-x:hidden;
	font-size: 1.6rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
	text-rendering: optimizeLegibility;
    overflow-wrap: break-word;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	background-color:transparent;
}
	
ul, ol, dl {
	margin: 0;
}

article, aside, audio, 
footer, header, nav,
section, video {
	display: block; 
}
	
p { 
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
    line-height: 1.8;
}

a {
    color:inherit;
    text-decoration: none;
}
	
textarea { 
	resize: vertical;
}
 
table {
	border-collapse: collapse;
}

td {
	padding: .5rem;
}
	
img {
	max-width: 100%;
}

input[type="submit"] { 
	-webkit-appearance:none;
}
	
.right { 
	float: right;
	margin-left: 2rem;
	clear: right;
}

.left { 
	float: left;
	margin-right: 2rem;
	clear: left;
}

/*--------------------------------------------------------------
# Be creative!
--------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
}
main {
	width:100%;
	padding:0.5rem;
}
main img {
    display: block;
	width:100%;
	height:100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}