page.html in solar-flair-0.2.7

- old
+ new

@@ -1,11 +1,11 @@
 ---
 layout: default
 ---
 
 {% if page.cover %}
-<div class="jumbotron jumbotron-fluid mb-5" style="position:relative;background-image:url('{{ page.cover }}');background-size:cover;background-position:center;  height: 65vh; color:white;">
-  <div class="container" style="position: absolute; bottom: 0;background:rgba(0,0,0,.7); width:100%; max-width:none; text-shadow: rgb(0, 0, 0) 1px 2px;">
+<div class="jumbotron cover jumbotron-fluid mb-5" style="background-image:url('{{ page.cover }}');">
+  <div class="container" >
     <div class="row">
       <div class="offset-1 col-11">
         <h1 class="display-3 text-uppercase">{{ page.long_title | escape }}</h1>
         <p class="lead" style="font-weight:400; padding:1% 0;">{{ page.description  }}</p>
       </div>