styles.css

/*-------Base CSS-------*/
html {
	width: 100%;
	height: 100%;
	font-family: 'Lato', sans-serif;
}

h1 {
	text-align: center;	
	margin-top: 3%;
}

h2 {
	font-size: 18px;
}

h3 {
	text-align: center;
	font-size: 16px;
}

a:link, a:visited {color: #000}

body { 
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	text-align: center;
}

main {
	height: 95%;
	overflow: auto;
}

footer {
	width: 100%;
	height: 5%;
	text-align: center;
	overflow: auto;
	font-size: 0.7em;
}

/*-------Div CSS-------*/

.title {
	width: 50%;
	margin: auto;
}

.intro {
	width: 50%;
	height: 30%;
	margin: auto;
}

.profile {
	border-radius: 50%;
	max-width: 200px;
	margin: auto;
	margin-top: 2%;
}

.footer-text {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*-------Media Queries-------*/


@media (max-width: 600px) {

	h1 {
		font-size: 1.7em;
	}

	.title {
		width: 80%;
	}

	.intro {
		width: 80%;
		font-size: .8em;
	}

	.profile {
		max-width: 125px;
	}

	.footer-text {
		font-size: .5em;
	}
}