Styling tweaks

pages/index.tsx

@@ -6,26 +6,28 @@ export default function Index() {
     <div className={styles.outerContainer}>
       <div className={styles.innerContainer}>
         <header className={styles.sectionContainer}>
-          <span className={styles.addressText}>
+          <span className={styles.address}>
             Velkuantie 988, 21180 Livonsaari
           </span>
           <Image
+            className={styles.mainLogo}
             src='/big-logo.webp'
-            layout='responsive'
             alt='main'
             width={528}
             height={237}
           />
           <h1 className={styles.title}>Kauppa&Ravintola&Kahvila&Baari</h1>
         </header>
+
         <section className={styles.sectionContainer}>
           <h2 className={styles.openHoursTitle}>Auki:</h2>
-          <span className={styles.openHours}>ma-la 12:00-19:00</span>
+          <p className={styles.openHoursText}>ma-la 12:00-19:00</p>
           <p className={styles.openHoursDesc}>
             kysynnän ja sään salliessa myös pidempään
           </p>
-          <h2 className={styles.openHoursBold}>Tervetuloa!</h2>
+          <h2 className={styles.openHoursTitle}>Tervetuloa!</h2>
-        </section>{' '}
+        </section>
+
         <section className={styles.sectionContainer}>
           <Image
             className={styles.keepersImage}
@@ -61,8 +63,10 @@ export default function Index() {
               />
             </a>
           </div>
-          <span className='separator' />
         </section>
+
+        <span className='separator' />
+
         <section className={styles.sectionContainer}>
           <h1 className={styles.title}>Postin automaattipalvelu</h1>
           <p className={styles.postServiceDesc}>
@@ -76,8 +80,9 @@ export default function Index() {
           <a href='https://www.smartpost.fi/' className={styles.link}>
             Lisätietoja
           </a>
-          <span className='separator' />
         </section>
+
+        <span className='separator' />
       </div>
     </div>
   );

styles/Index.module.scss

@@ -18,23 +18,26 @@
 }
 
 .address {
-  font-weight: lighter;
   margin-top: 1rem;
-  font-size: 1.1rem;
+}
+
+.mainLogo {
+  margin-top: -1rem;
 }
 
 .title {
   font-size: 2rem;
   margin-top: 0;
-  margin-bottom: 0;
+  margin-bottom: 1rem;
   font-weight: 600;
   color: #686868;
+  letter-spacing: normal;
 }
 
 .openHoursTitle {
-  font-weight: bold;
+  font-weight: 700;
   margin: 0;
-  font-size: 1.2rem;
+  font-size: 100%;
 }
 
 .openHoursText {
@@ -44,6 +47,7 @@
 .openHoursDesc {
   max-width: 15rem;
   text-align: center;
+  margin-top: 0;
 }
 
 .keepersImage {