mobile

css/photography.css

@@ -200,6 +200,9 @@ html{
     width: 35px;
     margin: auto;
 }
+.mobileborder{
+    display: none;
+}
 
 @media only screen and (max-width:1200px){ /* mobile opt */
     .unanchored-1 {        
@@ -224,5 +227,22 @@ html{
     .selector{
     padding-top: .7rem;
     }
+    .mainsection-info h1{
+        width: 90%;
+        font-size: 25px;
+        margin-bottom: .25rem;
+    }
+    .mainsection-info h4{
+        width: 85%;
+    }
+    #qualities{
+        display: block;
+    }
+    .mobileborder{
+        display: flex;
+    }
+    .border{
+        display: none;
+    }
 
 }

photography.html

@@ -58,6 +58,7 @@ <h3>High-Res camera</h3>
                         <label>Pro camera and equipment.</label>
                     </div>
                     <div class="border"></div>
+                    <hr class="mobileborder">
 
                     <div class="quality-card">
                         <img src="./img/bracketting.png">
@@ -66,6 +67,8 @@ <h3>High-Quality Bracketting</h3>
                         <label>Variety in photos provide versatile selections.</label>
                     </div>
                     <div class="border"></div>
+                    <hr class="mobileborder">
+
 
                     <div class="quality-card">
                         <img src="./img/sunicon.png">
@@ -74,6 +77,8 @@ <h3>Professional Exposure & Lighting</h3>
                         <label>Lighting makes scene personality pop</label>
                     </div>
                     <div class="border"></div>
+                    <hr class="mobileborder">
+
 
                     <div class="quality-card">
                         <img src="./img/hanger.png">