*{margin:0 0;padding:0;box-sizing: border-box;}	
html {
	font-size: 62.5%;
	font-family: "Open Sans";
}

body {
	color: #ddd; 
	font-size:1.6rem;
}
  
h3  {
	font-family: 'Crimson Text', sans-serif;
	margin: 0px;
}

a {
	color: #0ca597;
	padding-bottom:3px;
	border-bottom:1px solid #0ca597;
	text-decoration: none;
}

a:hover, a:focus {
	color: #0ca597;
	padding-bottom:3px;
	border-bottom:1px solid #0ca597;
	text-decoration: none;
}
.home {
	background-color: #222;
	height: 100vh;
	min-height:300px;
	min-width: 400px;
	position: relative;
}
	

.logo {
	font-size: 2.4rem;
	font-weight: 800;
	letter-spacing:-0.1rem;
	position: fixed;
	top:40px;
	left:60px;
}

.whatido {
	position:absolute;
	bottom:20%;
	left:10%;
}

.process {
    font-size: 1.5rem;
    font-weight: 300;
	letter-spacing: 0.4rem;
	margin-bottom: 10px!important;
}

.create {
	font-size: 4rem;
	font-weight: 400;
	letter-spacing: 0.11rem;
	line-height:1.2em;
	margin-bottom:40px!important;
}

.contact {
	font-size: 1.7rem;
}

@media only screen and (max-width: 800px) {
	.logo {
		left:20px;
		top:20px;
		font-size:2.2rem;
	}
	.whatido {
		left:20px;
	}
	.create {
		font-size: 3rem;
	}
	.process {
		font-size:1.2rem;
	}

}

@media only screen and (max-height: 350px) {
	.logo {
		left:20px;
		top:20px;
		font-size:2rem;
	}
	.whatido {
		bottom:7%;
	}
	.create {
		font-size: 4rem;
	}
	.process {
		font-size:1.2rem;
	}

}