diff --git a/assets/css/main.css b/assets/css/main.css
index 1ff1d32a..1244e0da 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1123,6 +1123,9 @@ hr {
   min-width: 300px;
   height: 21em;
   margin: 1em;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .events_box {
diff --git a/assets/css/oppurtunity.css b/assets/css/oppurtunity.css
index 8f75b1b8..02252f37 100644
--- a/assets/css/oppurtunity.css
+++ b/assets/css/oppurtunity.css
@@ -50,19 +50,21 @@ li {
 
 
 .opportunity {
-    padding-right: 50px;
+    padding-right: 10px;
 }
 
 
-@media only screen and (max-width: 800px) {
+@media only screen and (max-width: 700px) {
     .card {
-        width: 350px;
+        width: 300px;
         height: 349px;
     }
 
     .oppurtunity_section {
+      display: flex;
         align-items: center;
         flex-direction: column;
+        justify-content: center;
         margin: 0;
     }
 
diff --git a/index.html b/index.html
index af2fb351..b496bf83 100644
--- a/index.html
+++ b/index.html
@@ -2332,6 +2332,7 @@ <h3 class="contact-footer mt-5">Contact</h3>
 	<style>
 		#btn-back-to-top 
 		{
+			z-index: 1;
 		position: fixed;
 		bottom: 80px;
 		size: 10px;