active states and ui style tweaks for navi and footer (#38)

* active states and ui style tweaks for navi and footer

* Update _navi.scss

* responsive homepage image

* ui states for buttons, links etc

pages/index.js

@@ -12,7 +12,8 @@ function Tech({data}) {
       <div className="tech__image">
         <img
           src={data.image.src}
-          srcSet={`${data.image.src} 2x, ${data.image.src2} 1.5x`}
+          srcSet={`${data.image.src2} 640w, ${data.image.src} 1280w`}
+          sizes="(max-width: 480px) 640px, 1280px"
           width={data.image.width}
           height={data.image.height}
           alt={data.image.alt}

pages/jambonz-ui.js

@@ -152,7 +152,7 @@ export default function JambonzUI({ data }) {
             <Button href="/regions/?redirect=login" mainStyle="login">Log In</Button>
           </div>
         </div>
-        <div className="bg--jambonz">
+        <div className="bg--charcoal">
           <div className="pad">
             <Button href="/regions/?redirect=login" mainStyle="login" subStyle="white">Log In</Button>
           </div>