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

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




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

body {
	background:url('../img/hexagons.gif');
	font-family: 'Audiowide', Arial, sans-serif;
}

body#showcase {
	background-color: rgb(50,50,50);
	background-image:none;
}


#container {
	width:100%;
	max-width:1000px;
	margin:auto;
		margin-bottom:100px;
}

#showcase #container {
	width:85%;
}

h1 {
	text-align:center;
	color:white;
	opacity:0.5;
	line-height:1em;
}

#showcase h1 {
	font-size: 1.5em;
	line-height:1.1em;
	opacity:1;
	padding-top:100px;
}

h3 {
	padding:1em;
	color:orange;
}

ul {
	list-style:none;
	padding-left:0px;
}

li {
	text-align:center;
}

.offices li {
margin-bottom:2em;
}

a {
	display:inline-block;
	font-size:32px;
	line-height:44px;
	font-weight:900;
	color:white;
	text-decoration:none;
	transition: all 500ms;
}

a:hover {
	color:orange;
	transform:scale(1.2);
}

header a {
	font-size:20px;
	line-height:24px;
	display:inline-block;
}

header p {
	text-align:center;
}

a.back {
	position:fixed;
	bottom:15px;
	right:20px;
	font-size:1.5em;
}

nav.smaller-links a {
	font-size:28px;
}


main a {
	display:block;
	text-align:center;
}

main p {
	color: white;
	text-align:center;
}

iframe {
	margin:auto;
}

img {
	width:100%;
}

audio {
	width:100%;
}



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

#showcase h1 {
	font-size: 5em;
}



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

/* New CSS for tablet sizes.
You can change the pixel number below */
@media all and (min-width: 768px) {
	
nav a {
font-size:70px;
	line-height:85px;
}	

nav.smaller-links a {
	font-size:64px;
	line-height:68px;
	margin-bottom:17px;
}
	
	
} /* closes 768px+ */




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