/* Basic CSS resets -- leveling slight inconsistencies in browsers */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
}

html {
		/* Standard text-settings below */
	font-size: 1.2em;
    line-height: 1.35em;
}




/* "Mobile first" CSS: we'll design for phone sizes first, then add media queries for tablets and desktop computers later */

body {
	background:black;
	color:white;
	margin-top:8%;
	padding-bottom:50px;
	font-family: 'Open Sans', sans-serif;
}

h1,h2 {
	font-family: 'Audiowide', 'Open Sans', sans-serif;
}


#container {
	width: 90%;
	margin:auto;
	margin-bottom:50px;
	max-width:700px;
}

figure {
	margin:1em;
}

img {
	width:100%;
	max-width:600px;
	
}



a {
	color:orange;
	font-weight:bold;
	text-decoration:none;
}


.box {
border:1px solid black; 
padding:15px;
margin-bottom:1em;
}

.highlight-box {
border:1px solid white; 
background:rgba(0,0,0,0.4);
padding:15px;
margin-bottom:1em;
}

.final-project {
	border:1px solid white;
	background: rgba(0,0,0,0.4);
	padding:15px;
}



/* A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0px;
    border-top: 1px solid #ccc;
    margin: 1em 0px;
    padding: 0px;
}



/* ========================================
MEDIA QUERIES!
======================================== */

/* New CSS for tablet sizes.
You can change the pixel number below */
@media all and (min-width: 768px) {
	
	
	
	
} /* closes 768px+ */




/* New CSS for desktop sizes.
You can change the pixel number below */
@media all and (min-width: 1024px) {
	
	
	
	
} /* closes 1024px+ */