lear more btn on slider

ungleich_page/static/ungleich_page/css/agency.css

@@ -353,7 +353,7 @@ section {
 section h2.section-heading {
 	margin-top: 0;
 	margin-bottom: 15px;
-	font-size: 22px;
+	font-size: 26px;
 	color: #494949;
 }
 
@@ -735,7 +735,7 @@ section#contact .section-heading {
         margin: 20px auto;
     }
     section#contact .section-heading {
-        font-size: 24px;
+        font-size: 26px;
     }
     section#contact .intro-smallcap {
         font-size: 18px;

ungleich_page/static/ungleich_page/css/ungleich.css

@@ -1,3 +1,17 @@
+.btn-trans {
+    color: #fff;
+    border: 2px solid #fff;
+    padding: 4px 18px;
+    letter-spacing: 0.6px;
+}
+
+.btn-trans:focus,
+.btn-trans:active,
+.btn-trans:hover {
+    background: #fff;
+    color: #333;
+}
+
 #page-top #services .container .row .col-lg-12.text-center .section-heading {
     font-style: normal;
     color: #494949;
@@ -142,6 +156,10 @@
   background-color: #ffffff;
 }
 
+.header_slider .carousel-control {
+    width: 25px;
+}
+
 .header_slider .carousel-control .fa {
     font-size: 2em;
     position: absolute;
@@ -170,10 +188,19 @@
     line-height: 1.1;
 }
 
+.header_slider .btn-trans {
+    align-self: flex-end;
+    z-index: 2;
+    position: relative;
+}
+
 @media (min-width: 768px) {
     .header_slider .intro-cap {
         font-size: 2.25em;
     }
+    .header_slider .carousel-control {
+        width: 50px;
+    }
     .header_slider .carousel-control .fa-angle-left {
         left: 25px;
     }
@@ -200,6 +227,7 @@
     font-size: 1.55em;
     text-align: right;
     line-height: 1.4;
+    margin-bottom: 20px;
 }
 
 @media (max-width: 768px) {

ungleich_page/templates/ungleich_page/includes/_header.html

@@ -18,6 +18,7 @@
             {% trans "We  Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
           </div>
           <p class="intro_lead">Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you.</p>
+          <a class="btn btn-trans" href="">Learn More</a>
         </div>
       </div>
       <div class="item">
@@ -27,6 +28,7 @@
             {% trans "We  Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
           </div>
           <p class="intro_lead">Ruby on Rails, Django, Nothing else.</p>
+          <a class="btn btn-trans" href="">Learn More</a>
         </div>
       </div>
       <div class="item">
@@ -35,6 +37,7 @@
           <div class="intro-cap">
             {% trans "We  Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
           </div>
+          <a class="btn btn-trans" href="">Learn More</a>
         </div>
       </div>
     </div>