style.css

/*
 Theme Name:   Custom Theme
 Theme URI:    http://example.com/custom-theme/
 Description:  Custom Theme for Project 2
 Author:       Christina Lucito
 Author URI:   http://example.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  custom-theme
*/

@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto');
body {
	margin:0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
ul li {
	display: inline;
	padding:10px;
}
a:hover {
	background-color: #e8e8e8;
	padding:10px;
	
}
nav {
	background-color: white;
	position:fixed;
	top:0;
	width:100%;
}

header {
	height:400px;
	position: relative;
	background-color: #5B98FF;
	z-index:-1;
}
h1 {
	position:absolute;
	bottom: 10px;
	left:10px;
	color:white;
	font-family: 'Oswald', sans-serif;
	font-size: 42px;
}

section{
	width:90%;
	margin:5%;
}

h2 {
	color:;
	font-family: 'Oswald', sans-serif;
}
h3 {
	font-family: 'Oswald', sans-serif;
}

aside {
	width: 90%;
	padding:5%;
	background-color: #e8e8e8;
}
footer {
	margin-top:30px;
}

@media (min-width: 768px) {
	ul li {
		padding:30px;
	}
	header {
		height: 300px;
	}
	section {
		width: 50%;
		float:left;
		margin:5%;
	}
	aside {
		width: 30%;
		float: right;
		margin:5% 2%;
		padding: 1% 3%;

	}
	footer {
		clear:left;
		margin-top: 30px;
	}
}