[scss] chrome+firefox cross-compatibility

webpack/scss/container.scss

@@ -296,6 +296,7 @@
 		& > select.category{
 
 			width: calc( 100% + 1em );
+			height: 3em;
 			margin:  0;
 			padding: 0;
 			margin-left:   -.4em; // emulate no <select>
@@ -307,13 +308,18 @@
 			border-radius: 0;
 
 			// remove arrow
-			appearance:         none;
-			-moz-appearance:    none; /* Firefox */
 			-webkit-appearance: none; /* Safari and Chrome */
+			-moz-appearance:    none; /* Firefox */
+			appearance:         none;
 
 			background: transparent url('/asset/svg/down_arrow.svg@bbbbbb') right .5em center no-repeat;
 			background-size: auto 80%;
 
+			font-size: .7em;
+			letter-spacing: .05em;
+			font-family: inherit;
+
+
 		}
 
 		/* (5) Card title */
@@ -365,6 +371,8 @@
 				color: darken($primary-color, 5%);
 				font-size: 1em;
 				font-weight: bold;
+				font-family: inherit;
+
 
 				background: transparent;
 			}

webpack/scss/global.scss

@@ -19,6 +19,8 @@ select.neutral{
 
 	background-color: #fff;
 
+	font-family: inherit;
+
 	color: lighten($primary-color, 15%);
 
 	transition: border .2s ease-in-out,
@@ -120,6 +122,8 @@ input[type=submit].neutral{
 	background:     #fff center center no-repeat;
 	text-transform: uppercase;
 	font-weight:    normal;
+	font-family:    inherit;
+
 
 	color: $primary-color;