diff --git a/css/1017.css b/css/1017.css
index b9d2870..dc24697 100644
--- a/css/1017.css
+++ b/css/1017.css
@@ -1,7 +1,7 @@
 html, body {margin:0;padding:0;height:100%;}
 
 body {
-background-color: rgba(44,62,80 , 0.6 );
+background-color: rgba(53,107,0 , 0.2 );
 background-position: center;
 background-repeat: no-repeat;
 font-family: 'Raleway', 'Arial', sans-serif;
@@ -19,10 +19,10 @@ font-family: 'Raleway', 'Arial', sans-serif;
 }
 .info-container {
   position: relative;
-  top: 10%;
-  -webkit-transform: translateY(10%);
-  -moz-transform: translateY(10%);
-  transform: translateY(10%);
+  top: 5%;
+  -webkit-transform: translateY(5%);
+  -moz-transform: translateY(5%);
+  transform: translateY(5%);
 }
 .foot-container {
   position: relative;
@@ -45,7 +45,7 @@ position: relative;
 width: 100%;
 }
 .clock-canvas {
-background-color: rgba(255, 255, 255, .1);
+background-color: rgba(255, 255, 255, .3);
 border-radius: 50%;
 height: 0px;
 padding-bottom: 100%;
diff --git a/img/era1.png b/img/era1.png
new file mode 100644
index 0000000..b303255
Binary files /dev/null and b/img/era1.png differ
diff --git a/img/era2.png b/img/era2.png
new file mode 100644
index 0000000..fdb2707
Binary files /dev/null and b/img/era2.png differ
diff --git a/index.html b/index.html
index 7f95a23..451128f 100644
--- a/index.html
+++ b/index.html
@@ -106,6 +106,13 @@ <h3> What is ECIP 1017?</h3>
       <a href="https://www.etcdevteam.com/blog/articles/a-joint-statement-ecip1017.html">A JOINT STATEMENT ON ETHEREUM CLASSIC’S MONETARY POLICY</a>
     </div>
   </div>
+
+  <div class ="row text-center">
+    <h3 style = "text-align: left"> What is this means?</h3>
+    <hr>
+    <img class=" col-md-6 img-responsive" src= "./img/era1.png" />
+    <img class=" col-md-6 img-responsive" src= "./img/era2.png" />
+  </div>
   <div class ="row">
     <div class="col-md-6">
       <hr>