From 82d2e984429f5a9fe65b093da5537529e94b362c Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 30 Jun 2023 12:56:42 -0700
Subject: homepage update

---
 src/swapee/css/responsive.css | 66 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 src/swapee/css/responsive.css

(limited to 'src/swapee/css/responsive.css')

diff --git a/src/swapee/css/responsive.css b/src/swapee/css/responsive.css
new file mode 100644
index 00000000..53c1ece7
--- /dev/null
+++ b/src/swapee/css/responsive.css
@@ -0,0 +1,66 @@
+@media(min-width: 1399px){
+    /* sec_3 */
+    .sec_3{
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+    }
+}
+
+@media(max-width: 991px){
+    /* bitcoin_location */
+    .bitcoin_location{
+        padding-top: 70px;
+        padding-bottom: 70px;
+    }
+
+    /* section 3 */
+    .sec_3_img {
+        transform: translateX(40px);
+    }
+
+    /* footer */
+    .footer_bottom{
+        justify-content: center;
+    }
+}
+
+@media(max-width: 767px) {
+    .scale_img_right img, .scale_img_left img {
+        transform: scale(1);
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        -o-transform: scale(1);
+}
+
+    /* section 3 */
+    .sec_3{
+        padding-top: 3rem;
+        padding-bottom: 1.5rem;
+    }
+    .sec_3_img {
+        transform: translateX(2%);
+        -webkit-transform: translateX(2%);
+        -moz-transform: translateX(2%);
+        -ms-transform: translateX(2%);
+        -o-transform: translateX(2%);
+    }
+}
+
+@media(max-width: 576px){
+    /* bitcoin_location */
+    .bitcoin_location{
+        padding-top: 50px;
+        padding-bottom: 50px;
+    }
+
+    /* footer */
+    .site_footer{
+        padding-top: 50px;
+    }
+    
+    /* section */
+    .sec_btn a{
+        font-size: 14px;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3