From 29272f4930ef744d6a91cc9b6e923ecfa5f95f44 Mon Sep 17 00:00:00 2001
From: andres alcocer <andresalcocer7@yahoo.com>
Date: Tue, 20 Nov 2018 11:23:55 -0500
Subject: [PATCH] mobile media queries

---
 src/static/sass/components/_modal.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/static/sass/components/_modal.scss b/src/static/sass/components/_modal.scss
index 0d0dd66..72187f2 100644
--- a/src/static/sass/components/_modal.scss
+++ b/src/static/sass/components/_modal.scss
@@ -12,6 +12,9 @@
    @include responsive(tab_port) {
       height: 38rem;
    }
+    @include responsive(phone) {
+       height: 50rem;
+    }
 
      
    &__container {
@@ -29,7 +32,11 @@
       @include responsive(tab_medium) {
          background: linear-gradient(90deg, rgba(0, 0, 0, 0.966) 65%, transparent);
          width: 100%;
+      }
 
+      @include responsive(phone) {
+         padding-top: 1rem;
+         padding-left: 1rem; 
       }
    }
 
@@ -73,6 +80,10 @@
          width: 95%;
          color: rgba(255, 255, 255, 0.877); 
       }
+      @include responsive(phone) {
+         padding-top: 1rem;
+         font-size: 1.7rem;
+      }
    }
 
    &__btn {