Fixed IE 9+ support (SVG & fonts)

css/sass/_reset.scss

@@ -1 +1,87 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{background:#464545;font-size:62.5%}*{max-height:100000px;font-size:100.01%}b,strong{font-weight:bold}i,em{font-style:italic}
+/*
+html5doctor.com Reset Stylesheet v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com
+KJR Edits: removed sub, sup
+*/
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-size: 100%;
+    vertical-align: baseline;
+    background: transparent;
+}
+body {
+    line-height: 1;
+}
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+nav ul {
+    list-style: none;
+}
+blockquote, q {
+    quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: '';
+    content: none;
+}
+a {
+    margin: 0;
+    padding: 0;
+    font-size: 100%;
+    vertical-align: baseline;
+    background: transparent;
+}
+/* change colours to suit your needs */
+ins {
+    background-color: #ff9;
+    color: #000;
+    text-decoration: none;
+}
+/* change colours to suit your needs */
+mark {
+    background-color: #ff9;
+    color: #000;
+    font-style: italic;
+    font-weight: bold;
+}
+del {
+    text-decoration: line-through;
+}
+abbr[title], dfn[title] {
+    border-bottom: 1px dotted;
+    cursor: help;
+}
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+/* change border colour to suit your needs */
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #cccccc;
+    margin: 1em 0;
+    padding: 0;
+}
+input, select {
+    vertical-align: middle;
+}

css/sass/all.scss

@@ -2,13 +2,30 @@
 //@import 'reset';
 
 @import url('http://fonts.googleapis.com/css?family=Ubuntu');
-//@import url('http://fonts.googleapis.com/css?family=Carrois+Gothic');
-@import url('http://fonts.googleapis.com/css?family=Fira+Sans:400,500,400italic,500italic');
+//@import url('http://fonts.googleapis.com/css?family=Marvel:400,400italic,700,700italic');
+@import url('http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700,700italic');
+
+$font-ubuntu: 'Ubuntu', sans-serif;
+$font-fira-sans: 'Fira Sans', sans-serif;
+$font-marvel: 'Marvel', sans-serif;
+$font-titillium-web: 'Titillium Web', sans-serif;
+
+* {
+	/* optimize text for legibility */
+	text-rendering: optimizeLegibility;
+
+	/* prevents google voice plugin from overwriting color */
+	span.gc-cs-link {
+		color: inherit;
+	}
+}
+/* optimize text for speed on mobile devices */
+html.touch * { text-rendering: optimizeSpeed; }
 
 body {
 	background-color: #777;
 	color: #333;
-	font-family: 'Fira Sans', sans-serif;
+	font-family: $font-titillium-web;
 	font-size: 1.8em;
 }
 
@@ -22,7 +39,7 @@ h4 {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	font-smooth: always;
-	font-family: 'Ubuntu', sans-serif;
+	font-family: $font-ubuntu;
 }
 h1 {
 	font-size: 2em;
@@ -100,7 +117,10 @@ abbr {
 }
 
 #logo {
-	padding: 5px 1em;
+	margin: 5px 1em;
+	padding: 0;
+	width: 37px;
+	height: 49px;
 }
 .icon {
 	padding: 5px 1em;

entry_form.php

@@ -86,6 +86,9 @@ function checkRadios() {
 		$('input[type=radio]').click(function(){
 		  checkRadios();
 		});
+		$('label').click(function(){
+		  checkRadios();
+		});
 	});
 	</script>
 <?php