Fix some styles issues (font-weight, max-width, markup)

src/components/molecules/Switcher.svelte

@@ -32,7 +32,7 @@
     }
 </script>
 
-<div class="switcher" class:is-open={isOpen}>
+<aside class="switcher" class:is-open={isOpen}>
     <nav class="switcher__links">
         <ul>
             {#each links as { icon, alt, url, text }}
@@ -55,4 +55,4 @@
             <i />
         </span>
     </button>
-</div>
+</aside>

src/components/organisms/Shop.svelte

@@ -15,7 +15,7 @@
         <div class="shop__image">
             <img src="/images/poster-display.jpg" alt="">
         </div>
-        <div class="shop__info">
+        <div class="shop__content">
             <h3 class="title-medium">Browse our products</h3>
             <p class="text-small">Discover our graphic posters and prints of your favouite locations.</p>
             <Button

src/style/organisms/_locations.scss

@@ -12,6 +12,7 @@
         max-width: 230px;
         text-align: center;
         color: $color-tertiary;
+        font-weight: 200;
         line-height: 1.4;
 
         @include bp (sm) {

src/style/organisms/_shop.scss

@@ -34,10 +34,11 @@
         }
     }
 
-    // Info
+    // Content
-    &__info {
+    &__content {
         display: flex;
         flex-direction: column;
+        max-width: 480px;
         padding: 32px 40px;
         border-radius: 12px;
 

src/style/pages/_explore.scss

@@ -20,7 +20,7 @@
         p {
             max-width: 260px;
             margin: 40px auto 0;
-            font-weight: 400;
+            font-weight: 200;
 
             @include bp (sm) {
                 margin: 72px auto 130px;