Changed subtitles for events and contact page (shorter versions).

Removed no padding class from upcoming events in events page.
Made media query for .page__background-img to target precisely small mobile screens as it was causing issues with large screens.

Author: Tomasz-Kluczkowski

_pages/03_events.html

@@ -22,14 +22,14 @@
         <div class="events-page__title-container row container-fluid">
             <div class="col-sm-12">
                 <h1 class="events-page__page-title">Events</h1>
-                <h2 class="events-page__page-subtitle">See What's New And What We Did Already</h2>
+                <h2 class="events-page__page-subtitle">Find Out What We Do</h2>
             </div>
         </div>
     </div>
 
     <div class="events-page__outer-container container-fluid">
         <div class="row">
-            <div class="col-12 no-padding-x">
+            <div class="col-12">
                 <h2 class="events-page__upcoming-section-title">Upcoming Events</h2>
                 {% include events_array_generator.html future_events = true %}
                 {% for post in posts %}

_pages/04_contact.html

@@ -22,7 +22,7 @@
         <div class="contact__page-title-container row container-fluid">
             <div class="col-sm-12">
                 <h1 class="contact__page-title">Contact Us</h1>
-                <h2 class="contact__page-subtitle">Got An Idea? Can You Help Us? Let Us Know</h2>
+                <h2 class="contact__page-subtitle">We Are Happy To Help</h2>
             </div>
         </div>
     </div>

_sass/style.scss

@@ -51,9 +51,10 @@ a {
   }
 }
 
-@media (orientation: landscape){
+@media (max-height: 400px) and (orientation: landscape){
   .page__background-img {
     min-height: 250px;
+    width: 100%;
   }
 }
 
@@ -67,6 +68,7 @@ a {
   transform: translateY(-50%);
 }
 
+
 /* Classes to change order of collapsed columns on mobiles*/
 @media (max-width: 767px) {
   .first-on-mobile {