New logo and font and a few other minor things

app/assets/javascripts/application.js.coffee

@@ -163,12 +163,12 @@ startTranslating = ($td) ->
 	return
 
 $ ->
-	trial = document.createElement('script');
-	trial.type = 'text/javascript';
-	trial.async = true;
-	trial.src = 'http://easy.myfonts.net/v2/js?sid=158991(font-family=Scotch+Modern+Bold)&sid=174040(font-family=Scotch+Micro)&key=WPfecRji9L';
-	head = document.getElementsByTagName("head")[0];
-	head.appendChild(trial);
+	#trial = document.createElement('script');
+	#trial.type = 'text/javascript';
+	#trial.async = true;
+	#trial.src = 'http://easy.myfonts.net/v2/js?sid=158991(font-family=Scotch+Modern+Bold)&sid=174040(font-family=Scotch+Micro)&key=WPfecRji9L';
+	#head = document.getElementsByTagName("head")[0];
+	#head.appendChild(trial);
 	#$(document).foundation();
 	$('.field.country-select select').change () ->
 		$country = $(this)

app/assets/stylesheets/foundation_and_overrides.scss

@@ -47,7 +47,7 @@ $header-font-weight: bold;
 // $header-bottom-margin: .5rem;
 // $header-text-rendering: optimizeLegibility;
 
-$color-1: #00ACEE; // blue
+$color-1: #00ADEF; // blue
 $color-2: #A0C700; // green
 $color-3: #F11845; // pink
 $color-4: #FFCC00; // yellow
@@ -65,7 +65,8 @@ $gray: #E1E1E1;
 // We use these to control various global styles
 $body-bg: $white;
 $body-font-color: $black;
-$body-font-family: 'Scotch Micro', serif;
+//$body-font-family: 'Scotch Micro', serif;
+$body-font-family: 'Source Sans Pro', sans-serif;
 // $body-font-weight: normal;
 // $body-font-style: normal;
 
@@ -1130,8 +1131,8 @@ $include-open-sans: false;
 // We use these to style paragraphs
 // $paragraph-font-family: inherit;
 // $paragraph-font-weight: normal;
-// $paragraph-font-size: 1rem;
-// $paragraph-line-height: 1.6;
+$paragraph-font-size: 1.4rem;
+$paragraph-line-height: 1.5;
 // $paragraph-margin-bottom: rem-calc(20);
 // $paragraph-aside-font-size: rem-calc(14);
 // $paragraph-aside-line-height: 1.35;

app/assets/stylesheets/sass/_base.scss

@@ -216,6 +216,7 @@ ul.tags,
 				max-width: 90%;
 				max-height: 66.667%;
 				z-index: 1;
+				-webkit-transform: translate3d(0,0,0);
 			}
 		}
 

app/assets/stylesheets/sass/_layout.scss

@@ -26,6 +26,7 @@ body {
 	.button {
 		width: 29%;
 		margin: 0;
+		clear: left;
 
 		&.logo {
 			background-color: $white;
@@ -33,14 +34,22 @@ body {
 			border: 0;
 			padding: 0;
 			vertical-align: top;
+			overflow: auto;
+
+			/*svg {
+				float: left;
+				width: 50%;
+			}*/
 
 			.logo {
 				width: auto;
 				height: 2.4em;
+				fill: $primary-color;
 			}
 
 			.logo-text {
 				display: none;
+				fill: $black;
 			}
 
 			&:hover {
@@ -72,19 +81,24 @@ body {
 			margin: 0 0 1.25rem;
 
 			&.logo {
+				position: relative;
 				width: 100%;
 				margin-bottom: 2em;
 
 				.logo {
 					float: left;
-					width: 40%;
+					width: 51%;
+					height: 100%;
+					margin-right: 5%;
+				}
+
+				img.logo {
 					height: auto;
-					margin-right: 10%;
 				}
 
 				.logo-text {
 					display: block;
-					width: 50%;
+					width: 44%;
 				}
 			}
 		}

app/assets/stylesheets/sass/_typography.scss

@@ -528,3 +528,7 @@ input:-webkit-autofill {
 		}
 	}
 }
+
+svg {
+	height: 0%;
+}