body {
	margin:0;
	padding:0;
	font-family:source sans pro, helvetica;
	color:white;
	background-color:#f4cd6d;
}

.center {
	margin:0;
	width:100vw;
	position:absolute;
	top:45%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
}

.center h1 {
	margin:0;
	padding:0;
	text-decoration:none;
	line-height:0.9;
}

@media screen and (min-width: 800px) {
  .center h1 {
	font-size:8vw;
  }
  #title {
    margin-left:-1em;
  }
}

@media screen and (max-width: 800px) {
  .center h1 {
	font-size:12vw;
  }
  #title {
    margin-left:-1.05em;
  }
}

@media screen and (max-width: 600px) {
  .center h1 {
	font-size:16vw;
  }
  #title {
    margin-left:-1.1em;
  }
}

.center h2{
	margin:0 0 20px 0;
	font-weight:100;
}

@media screen and (min-width: 800px) {
  .center h2 {
	font-size:5vw;
  }
}

@media screen and (max-width: 800px) {
  .center h2 {
	font-size:6.5vw;
  }
}

@media screen and (max-width: 600px) {
  .center h2 {
	font-size:8vw;
  }
}

.center h3 {
	font-size:16pt;
	font-weight:500;
	line-height:1.5;
	padding-left:15vw;
	padding-right:15vw;
	
}

.portfolio {
	margin:0;
	width:100vw;
	position:absolute;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}

.portfolio h2 {
	font-size:14pt;
	font-weight:500;
	padding:10px 0px 15px 0px;
	margin:0;
}

.center a {
	text-decoration:none;
	font-size:16pt;
	color:white;
}

.center a:hover {
	text-decoration:underline;
}

.center p {
	margin-top:25px;
	font-size:10pt;
}

.center #me {
	margin-bottom:15px;
}

.footer {
	position:fixed;
	bottom:0px;
	width:100vw;
	height:35px;
	padding-top:15px;
	text-align:center;
	background-color:white;
}

.footer ul {
	list-style-type:none;
 	display:inline-block;
	margin:0;
	padding:0;
}

.footer li {
	float:left;
	padding-left:5vw;
	padding-right:5vw;
}

.footer p {
	margin-top:2px;
	font-size:10pt;
	font-weight:light;
	color:#f4cd6d;
}

.footer a {
	text-decoration:none;
	font-size:10pt;
	font-weight:light;
	color:black;

}

.footer a:hover {
	text-decoration:underline;
}