diff --git a/web/css/style.css b/web/css/style.css
index 2a49122..b6ea0b1 100644
--- a/web/css/style.css
+++ b/web/css/style.css
@@ -11,6 +11,9 @@
     background-color: #0080FF;
     margin: -0.1em;
 }
+#style1 .dropdown-menu {
+    background-color: #1a8dff;
+}
 #email, #password {
     margin-bottom: 1em;
 }
diff --git a/web/index.html b/web/index.html
index 08829b0..6f37153 100644
--- a/web/index.html
+++ b/web/index.html
@@ -4,6 +4,7 @@
 	<meta charset="utf-8">
 	<title>EasyCTF 2016</title>
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
 	<link type="text/css" rel="stylesheet" href="css/style.css">
 	<base href="/">
 </head>
@@ -25,45 +26,50 @@
 				<ul class="nav navbar-nav navbar-fixed">
 					<li>
 						<a href="/about">
-							<img src="images/info.png" class="icn" alt="information icon">&nbsp;&nbsp;About</a>
+							<span class="fa fa-info-circle"></span>&nbsp;&nbsp;About</a>
 					</li>
 					<li>
 						<a href="/rules">
-							<img src="images/rules.png" class="icn" alt="">&nbsp;&nbsp;Rules</a>
+							<span class="fa fa-book"></span>&nbsp;&nbsp;Rules</a>
 					</li>
 					<li>
 						<a href="/updates">
-							<img src="images/updates.png" class="icn" alt="">&nbsp;&nbsp;Updates</a>
+							<span class="fa fa-bullhorn"></span>&nbsp;&nbsp;Updates</a>
 					</li>
 					<li>
 						<a href="/chat">
-							<img src="images/chat.png" class="icn" alt="">&nbsp;&nbsp;Chat</a>
+							<span class="fa fa-comments"></span>&nbsp;&nbsp;Chat</a>
 					</li>
 					<li>
 						<a href="/scoreboard">
-							<img src="images/scoreboard.png" class="icn" alt="">&nbsp;&nbsp;Scoreboard</a>
+							<span class="fa fa-trophy"></span>&nbsp;&nbsp;Scoreboard</a>
 					</li>
 				</ul>
 				<ul class="nav navbar-nav navbar-right">
 					<li>
-						<a href="/programming">
-							<img src="images/programming.png" class="icn" alt="programming icon">&nbsp;&nbsp;Programming</a>
-					</li>
-					<li>
-						<a href="/shell">
-							<img src="images/terminal.png" class="icn" alt="shell icon">&nbsp;&nbsp;Shell</a>
-					</li>
-					<li>
-						<a href="/problems">
-							<img src="images/problems.png" class="icn" alt="problems icon">&nbsp;&nbsp;Problems</a>
+						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Problems <span class="caret"></span></a>
+						<ul class="dropdown-menu">
+							<li>
+								<a href="/problems">
+									<span class="fa fa-pencil"></span>&nbsp;&nbsp;Problems</a>
+							</li>
+							<li>
+								<a href="/programming">
+									<span class="fa fa-code"></span>&nbsp;&nbsp;Programming</a>
+							</li>
+							<li>
+								<a href="/shell">
+									<span class="fa fa-terminal"></span>&nbsp;&nbsp;Shell</a>
+							</li>
+						</ul>
 					</li>
 					<li>
 						<a href="/login">
-							<img src="images/login.png" class="icn" alt="login icon">&nbsp;&nbsp;Login</a>
+							<span class="fa fa-sign-in"></span>&nbsp;&nbsp;Login</a>
 					</li>
 					<li>
 						<a href="/register">
-							<img src="images/register.png" class="icn" alt="register icon">&nbsp;&nbsp;Register</a>
+							<span class="fa fa-pencil"></span>&nbsp;&nbsp;Register</a>
 					</li>
 				</ul>
 			</div>
diff --git a/web/pages/rules.html b/web/pages/rules.html
index 677ad28..d0ae1e1 100644
--- a/web/pages/rules.html
+++ b/web/pages/rules.html
@@ -9,7 +9,7 @@
     final.
 
     <h2 class="heading2">Flag Format</h2>
-    Most of the flags that you will find will be have the format
+    Unless otherwise stated, the flags that you will find will be in the format
     <code>easyctf{example_flag}</code>.
 
     <h2 class="heading2">Scoring</h2>