Separate logo from header

pages/components/Header.tsx

@@ -1,14 +1,7 @@
 import Link from 'next/link';
-import React, { useEffect, useState } from 'react';
 import styles from '../../styles/Header.module.scss';
 
 const Header = () => {
-  const [isDesktop, setIsDesktop] = useState(true);
-
-  useEffect(() => {
-    setIsDesktop(window.innerWidth > 768);
-  }, []);
-
   return (
     <>
       <header className={styles.header}>
@@ -33,26 +26,6 @@ const Header = () => {
           </Link>
         </nav>
       </header>
-      <section className={styles.logoContainer}>
-        <div className={styles.logo} id='logo-start'>
-          {isDesktop ? (
-            <img
-              className={styles.logoImage}
-              src='/runosaari-logo.jpg'
-              alt='Runosaari logo'
-            />
-          ) : (
-            <img
-              className={styles.logoImage}
-              src='/runosaari-logo_small.jpg'
-              alt='Runosaari logo'
-            />
-          )}
-          <div className={styles.logoCredits}>
-            <div>@Sanna Hukkanen</div>
-          </div>
-        </div>
-      </section>
     </>
   );
 };