Full screen image size calculated differently (home page).

Added some images which could be used for header background in about page.
Removed classes and data- attributes no longer needed from header images.
Added background-img class to all header images and set min height to 250px on landscape (to prevent title overlapping the brand name).

Author: Tomasz-Kluczkowski

_pages/01_about.html

@@ -16,7 +16,7 @@
                             ../static/images/events_page/events_page_top_1650x1100px.jpg 1650w"
                     media="(orientation: portrait)"
                     sizes="100vw">
-            <img class=""
+            <img class="about__background-img"
                  src="../static/images/events_page/events_page_top_960x300px.jpg"
                  alt="Events">
         </picture>

_pages/03_events.html

@@ -15,7 +15,7 @@
                             ../static/images/events_page/events_page_top_1650x1100px.jpg 1650w"
                     media="(orientation: portrait)"
                     sizes="100vw">
-            <img class=""
+            <img class="events-page__background-img"
                  src="../static/images/events_page/events_page_top_960x300px.jpg"
                  alt="Events">
         </picture>

_pages/04_contact.html

@@ -15,7 +15,7 @@
                             ../static/images/contact/contact_top_1650x1100px.jpg 1650w"
                     media="(orientation: portrait)"
                     sizes="100vw">
-            <img class=""
+            <img class="contact__background-img"
                  src="../static/images/contact/contact_top_960x300px.jpg"
                  alt="Contact Us">
         </picture>

_sass/about.scss

@@ -9,6 +9,10 @@
   }
 }
 
+.about__background-img {
+  @extend .page__background-img;
+}
+
 .about__page-title-container {
   @extend .page__title-container;
 }

_sass/contact.scss

@@ -9,6 +9,10 @@
   }
 }
 
+.contact__background-img {
+  @extend .page__background-img;
+}
+
 .contact__page-title-container {
   @extend .page__title-container;
 }

_sass/events.scss

@@ -48,6 +48,10 @@
   border-top-right-radius: 5px;
 }
 
+.events-page__background-img {
+  @extend .page__background-img;
+}
+
 .events-page__event-col {
   @extend .post__event-col;
   border-bottom-left-radius: 5px;

_sass/style.scss

@@ -51,6 +51,12 @@ a {
   }
 }
 
+@media (orientation: landscape){
+  .page__background-img {
+    min-height: 250px;
+  }
+}
+
 .page__title-container {
   z-index: 2;
   position: absolute;