positioning
diff --git a/pages/otj_java8.html b/pages/otj_java8.html
index 0ac92ab..7d6c672 100644
--- a/pages/otj_java8.html
+++ b/pages/otj_java8.html
@@ -12,10 +12,9 @@
</ul>
</div-->
-<div style="height:220px;width:100%;
- background-image:url(/luna/assets/public/images/background.jpg);
- margin-left: auto; margin-right: auto; padding-top:1.5em;"
- class="container">
+<div class="container"
+ style="height:220px;width:100%;
+ background-image:url(/luna/assets/public/images/background.jpg);">
<div class="col-md-15">
<h1 style="color:#fff;">Luna is here:<br/>Object Teams embraces Java™ 8</h1>
</div>
@@ -39,10 +38,12 @@
</div>
</div>
-<div id="container" style="margin-top:50px;background-image:url(images/OTJ8-concepts.png);background-repeat:no-repeat;background-position:15px 20px;width:790px;height:687px;">
+<div id="container" style="margin-top:50px;margin-left: auto; margin-right: auto;
+ background-image:url(images/OTJ8-concepts.png);background-repeat:no-repeat;
+ background-position:15px 20px;width:790px;height:695px;">
<h1 style="position:relative; top:0px;height:36px; text-align:center;">OT/J on Java 8 is …</h1>
<h2 style="position:relative; left:170px; top:0px;height:24px;">Composition:</h2>
- <div style="position:relative; left:38px; top:15px; width:380px;height:300px;font-size:16px;">
+ <div style="position:relative; left:30px; top:15px; width:380px;height:300px;font-size:16px;">
The essence of object-oriented programming is to compose a system from a possibly large number of interacting classes and objects.
<p>
Since version 1.1, <b class="orange">Java</b> has not seen any enhancements for this task.
@@ -59,13 +60,13 @@
display:block;transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);">Algorithms:</h2>
- <div style="position:relative; left:528px; top:-205px; width:245px;font-size:16px;">
+ <div style="position:relative; left:520px; top:-205px; width:245px;font-size:16px;">
<a class="orange" href="http://wiki.eclipse.org/OTJ">OT/J</a> is agnostic to how algorithms are encoded (programming in the small),<br/>
but you may leverage lambda expressions from <b class="orange">Java 8</b> in your OT/J programs for that touch
of <b>functional programming</b>.
</div>
- <h2 style="position:relative; left:165px; top:-140px;"> Types:</h2>
- <div style="position:relative; left:277px; top:-198px; width:480px;font-size:16px;">
+ <h2 style="position:relative; left:156px; top:-140px;"> Types:</h2>
+ <div style="position:relative; left:270px; top:-198px; width:480px;font-size:16px;">
A rich type system is key for attaching <b>semantics</b> to the elements of your program.
<ul>
<li style="margin-left:-12px;"><b class="orange">Java 8</b> features …<br/>