html { background-image: url(images/background.svg);
	background-size: cover;
    height: auto;

}
body {
	 font-size: .875em ;
	 font-family: 'Open Sans', sans-serif;
	 background-color: rgba(255,255,255,0.8);
	 margin: 30px auto;
	 width: 1000px ; 
	 border: 6px solid #e1ebf4;
	 box-shadow: 0px 4px 8px rgba(0,0,0,0.5);
	 padding: 25px;
}
header {
	padding:; 
	background-image: 
}
	header h1 {
		text-align: center;
		font-family: 'Titan One', sans-serif;
		font-size: 3em;
	}
h1 {
	font-family: 'Titan One', sans-serif;
	color: #3C989E;
	stroke: 3px white 
}
h2 {
	font-family: 'Titan One', sans-serif;
	margin: 20px 80px;
}
p {
	text-align: center;
}

 .button { 
	font-family: 'Open Sans', sans-serif;
	padding: 15px 25px;
  font-size: 90%;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: lightpink;
  border: none;
  border-radius: 150px;
  box-shadow: 0 4px 7px rgba(0,0,0,0.5);
  display: 
 }

 .project{
 	margin:25px 0  25px 0;
    height: 105px;
    width: 350px;
    max-width: 1000px;
    max-height: 800px;
 	border: 4px solid white; 
 	display: inline-block;
 	}
 .projectpos
 {
 	text-align: center;
 }
/*.responsive {
    width: 100%;
    max-width: 
    height: auto;
}*/
a:link{ 
	color: #3C989E
}
a:visited{ 
	color: #F57A82
}
a:active{
	color: #0CF
}