Fix alignment issues of "We volunteer our time" section
diff --git a/index.html b/index.html
index f1cf99a..e9ca8ce 100644
--- a/index.html
+++ b/index.html
@@ -181,10 +181,11 @@
<div class="section">
<div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4">
<div class="row">
- <div class="col-md-6 text-center mx-auto px-5 pt-4">
- <h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
- <h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
- <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below and making a small contribution towards our efforts.</p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Coffee</a>
+ <div class="col-md-6 text-center mx-auto flex-center">
+ <div>
+ <h2 class="my-3 highlight_secondary team-header text-white no-wrap">We volunteer our time.</h2>
+ <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below and making a small contribution towards our efforts.</p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Coffee</a>
+ </div>
</div>
<div class="col-md-6 py-5"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto animate-in-right" src="images/coffee-break.svg" width="300"></div>
</div>