.h1 {
            font-family: 'Federo', cursive;
        }
        .h2 {
            font-family: 'Federo', cursive;
        }
        h3 {
            font-family: 'Federo', cursive;
            font-size: 6vw;
        }
        h4 {
            font-family: 'Federo', cursive;
            font-size: 4vw;
        }
        .testimonial-source {
            font-family: 'Federo', cursive;
            font-size: 4vw;
        }
        .testimonial-text {
            font-family: 'Federo', cursive;
            font-size: 4vw;
        }
        .testimonial-target {
            font-family: 'Federo', cursive;
            font-size: 4vw;
        }
        .testimonial-title {
            font-family: 'Federo', cursive;
            font-size: 6vw;
        }
        .h3a {
            font-family: 'Federo', cursive;
            font-size: 6vw;       
        }
        .typebanner {
            font-size: 7vw;
        }
        .h3b {
            font-size: 4vw;
        }
        .storytitle {
            font-size: 10vw;
        }
        .white {
            color: #ffffff;
        }   
        .black {
            color: #000000;
        }
        .storytext {
            font-size: 1em;
        }
        .audio-button {
            background-color: #8C6412;
            color: #ffffff;
            border-radius: 5px;
            padding: 4px;
            margin: 5px;
            border: 0px;
            font-size: .8em;
        }
        .chapter_header {
            font-size: 7vw;
            color: #ffffff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            padding-left: 10px;
        }
        

        @media screen and (min-width: 450px) {
            h3 {
                font-size: 30px;
            }
            h4 {
                font-size: 24px;
            }
            .h3a {
                font-size: 30px;
            }
            .storytitle {
                font-size: 40px;
            }
            .chapter_header {
                font-size: 54px;
            }
            .typebanner {
                font-size: 40px;
            }
            .h3b {
                font-size: 24px;
            }
            .testimonial-target {
                font-size: 36px;
            }
            .testimonial-source {
                font-size: 28px;
            }
            .testimonial-title {
                font-size: 36px;
            }
            .testimonial-text {
                font-size: 36px;
            }
            .storytext {
                font-size: 1.5em;
            }

            
        }
        .animation-section h2 {
            font-size: 2.5rem;
            min-height: 120px;
        }
        .changing-text {
            display: inline-block;
            margin-left: 10px;
        }
        .one {
            color: #FF6B6B;
        }
        .two {
            color: #8f0058;
        }
        .three {
            color: #008d2f;
        }
        .four {
            color: #118AB2;
        }
        body {
            font-family: 'Federo', cursive;
            font-size: 15pt;
        }
        .inspirational-images {
            max-height: 30vh;
            height: 30vh;
            width: 100%;
            position: relative;
            /* border: 1px solid #000000; */
        }
        .inspirational-blank {
            height: 100%;
            width: 100%;
            opacity: 0;
        }
        .inspirational-image {
            position: absolute;
            max-width: 50%;
            max-height: 30vh;
            /* max-height: 100%; */
            left: 25%;
            opacity: 0;
            object-fit: fill;
            border-radius: 20px;
        }