@charset "utf-8";
/* Global Styles */

/* -- Reset -- */
a,body,div,form,h1,h2,h3,h4,h5,h6,html,img,li,nav,ol,p,span,ul{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}input:focus,select:focus,textarea:focus,button:focus{outline:none;}body * {font-family: 'Roboto', sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;}

/* -- Naviagation -- */
nav {display:block;width:500px;margin:0 auto;overflow:hidden;text-align:center;background:#696969;}
nav * {color:white;}
#nav {height:50px;transition:height.3s;}
#nav.is-open {height:400px;}
nav ul li a {font-weight:900;text-decoration:none;font-size:30px;display:block;width:100%;padding:10px 5px;transition:.2s;}
nav ul li a:hover {background-color:#4E4E4E}
#deployNav {display:block;height:50px;width:100%;padding-top:15px;}
.flip {transform:rotate(180deg);}
.svgNav {width:20px;fill:white;transition:.4s;}
nav span {color:#B0B0B0;font-size:15px;line-height:35px;}
#container {overflow:hidden;}
@media only screen and (max-width: 500px) {
	nav {width:100%;}
}