@media screen and (max-width: 678px) {
    /* Start of header section */
   
   header > img { width: 55%;}
   #title-container > h2 { font-size: 0.6em; margin-top: 7px; }
   #title-container > h1 {
        font-size: 1.15em;
        align-self: center;
    }

    /* End of header section */

    /* Start of nav section */

    ul li {
        font-size: 0.85em;
        text-align: center;
    }

    /* End of nav section */

    /* Start of main section */

    main > h1 { font-size: 1.75em; }
    #fb, #ig, #tiktok { width: 55%; }
    #yt {
        width: 45px;
        height: 45px;
    }

    /* End of main section */

    
}