homepage update

1 files changed, 66 insertions, 0 deletions

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