Fixes for offscreen scroll, button wonky and email link.

css/site.css

@@ -46,15 +46,10 @@ img {
 button,
 .button {
   border-radius: 6px;
-  padding: 20px 40px;
+  padding: 10px 20px;
   background: #0071AD;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
-  font-size: 2rem;
   color: #fff; }
-  @media only screen and (max-width: 600px) {
-    button,
-    .button {
-      font-size: 2rem; } }
   button:hover, button:active, button.active,
   .button:hover,
   .button:active,
@@ -124,7 +119,6 @@ footer {
   .button {
     width: 100%; }
   body {
-    margin: 60px 40px;
     width: 100%;
     max-width: 100%; }
   h1 {

index.html

@@ -18,7 +18,7 @@ <h1>
       <br>
       Last update on 13.Nov.2020.
       <br>
-      Send us your feedback at [email protected]
+      Send us your feedback at <a href="mailto:[email protected]">[email protected]</a>
       <br>
       <br>
     </p>
@@ -60,11 +60,9 @@ <h3>Data Model</h3>
     <p>As we dug deeper and got a feel for the actors at play, we explored data models to represent the complexity of different types of players, their organization, and the relationships between them. This allowed us to step sideways from the challenge of visualizing the system, and focus on describing or defining the system in parallel. With a robust data model and database in hand, we will construct custom views to zero in on whatever lens, and facet, or detail is of interest in the system.</p>
 
     <a href="https://airtable.com/shrn8nBZKLQSGUDGN" target="_blank">
-          <br/>
           <button>
             View our Data Model in AirTable
           </button>
-          <br/>
     </a>
 
     <div>
@@ -120,7 +118,7 @@ <h3>
       <br>
       Have feedback?
       <br>
-      Share it with us at [email protected]
+      Share it with us at <a href="mailto:[email protected]">[email protected]</a>
       <br>
       <br>
       <br>

scss/_style.scss

@@ -55,13 +55,14 @@ img{
 button,
 .button {
 	border-radius: $border-radius;
-	padding: 20px 40px;
+	padding: 10px 20px;
 	background: $c-link;
 	font-family: $font-fam-default;
-  font-size: 2rem;
+	// font-size: 2rem;
 	color: $c-white;
 		@media only screen and (max-width: 600px) {
-		font-size: 2rem;}
+		// font-size: 2rem;
+	}
 
 	&:hover,
 	&:active,
@@ -150,7 +151,6 @@ footer {
 	}
 
 	body {
-		margin: 60px 40px;
 		width: 100%;
 		max-width: 100%;
 	}