@import url(http://fonts.googleapis.com/css?family=Amatic+SC);

 /***** global styles *****/

a:link {
	color: #0748B8;
	text-decoration: none;
}

a:hover {
	color: #00F0FF;
	text-decoration: underline;
}

.wrapper {
	width: 100%;
	height: auto;
}

html, body {
	height: 100%;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #C2F2E9),
		color-stop(1, #90D4D4)
	);
	background-image: -o-linear-gradient(bottom, #C2F2E9 0%, #90D4D4 100%);
	background-image: -moz-linear-gradient(bottom, #C2F2E9 0%, #90D4D4 100%);
	background-image: -webkit-linear-gradient(bottom, #C2F2E9 0%, #90D4D4 100%);
	background-image: -ms-linear-gradient(bottom, #C2F2E9 0%, #90D4D4 100%);
	background-image: linear-gradient(to bottom, #C2F2E9 0%, #90D4D4 100%);
}
/***** header styles *****/

header {
	width: 100%;
	/*background-color:#B0FFF1;*/

	height: 30px;/* must match the height of the social media icons  */
	font-family: 'Amatic SC', cursive;
	font-size: 30px;
}

header:after {
    content:'';
    display:block;
    clear: both;
    height: 400px;


}

.student-description{ 
	font-family: 'Amatic SC', cursive;
	font-size: 30px;

}

.logo {
	width: 30%;
	float: left;
	padding-left: 2.5%;
}

.logo h2 {
	margin:10px 0 0 0 ;
}


.social-media-links {
  	position: absolute;
    right: 3.4%;
}

.social-media-links a {
	float: left;
}

.social-media-links img {
	position: absolute
	height: 4.25em;
}

/***** content of page (everything except header) *****/

.content {
	margin-left: 2.5%;
}

/***** description styles *****/

.student-description {
	margin-right: 2.5%;
	margin-top:5%;

}


/***** project styles *****/

.projects div {
	float: left;
	width: 30%;
	margin-right: 3.3%; 
	margin-bottom: 3%;
	
}

.projects h3 {
	text-align: center;
	
}

.projects div img {
	width: 100%;
	height: auto;
	
}

.projects h3 {
	font-family: 'Amatic SC', cursive;
	color: black;
	font-size: 28px;
}