@media all and (min-width: 768px), screen {
    body main .copyright {
        float: right;
    }

    body main section.graham-petley div.images {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    body main section.graham-petley div.images img {
        max-width: 250px;
        margin: 5px;
    }

    #thought-provoking-words {
        scroll-margin-top: 2em;
    }

    body main section h3 {
        font-size: 3rem;
        font-weight: bold;
        font-style: italic;
        text-decoration: underline;
        text-align: center;
    }
    body main section h3::first-letter {
        font-size: 3.5rem;
        text-decoration: none;
        text-transform: uppercase;
    }
    body main section,
    body main p.signature {
        clear: both;
    }
    body main ul li {
        font-size: 25px;
    }
    body main div.static-images {
        text-align: center;
    }
    body main div.static-images img {
        width: 331px;
        height: 243px;
        border: 5px solid black;
        margin: 0 5px;
    }

    div.social-media {
        text-align: center;
    }
    div.social-media .icon {
        background-size: 100% 100%;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    div.social-media .facebookIcon {
        background: url(/media/wysiwyg/SocialMedia/facebook.gif);
    }
    div.social-media .twitterIcon {
        background: url(/media/wysiwyg/SocialMedia/twitter.gif);
    }
    div.social-media .pinterestIcon {
        background: url(/media/wysiwyg/SocialMedia/pintrest.gif);
    }
    div.social-media .instagramIcon {
        background: url(/media/wysiwyg/SocialMedia/instagram.gif);
    }
    div.social-media .websiteIcon {
        background: url(/media/wysiwyg/SocialMedia/website.gif);
    }
}

@media all and (max-width: 804px) {
    body .slideshow-container {
        display: none;
    }

    body .slideshow-container-mobile {
        display: block;
        text-align: center;
    }

    body main div.static-images img {
        width: 92%;
        height: auto;
        margin: 0;
    }
}

@media all and (max-width: 640px) {
    body main section h3 {
        font-size: 2rem;
    }
    body main section h3::first-letter {
        font-size: 2.5rem;
    }
}