#ashley-graves-page {
    .page_hero {
        background-image: url(../assets/images/ashley-hero.jpg);
    };

    #latest-ashley-graves {
        max-width: 100%;
        background-color: var(--black);

        .flex_container {
            margin: 0 auto;
            max-width: 1300px;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: center;

        };

        @media screen and (min-width: 320px) {
            #based-text {
                font-size: 50px;
                line-height: 60px;
                padding-top: 20px;
            };
        };

         @media screen and (min-width: 1024px) {
            #based-text {
                font-size: 70px;
            };
        };

        @media screen and (min-width: 1200px) {
            #based-text {
                font-size: 80px;
            };
        };

         @media screen and (min-width: 1600px) {
            #based-text {
                font-size: 100px;
                line-height: 110px;
            };
        };
    
    };

    @media screen and (min-width: 320px) {
        .page_hero {
            background-position: right;
        };
    };

    @media screen and (min-width: 1024px) {
        .page_hero {
            background-position: center;
        };
    };
};