/*
   Filename:       auction.css
   Author:         John G. (Skip) Todora
   Start Date:     May 25, 2023
   Revised:        February 01, 2026 to make page cellphone friendly
   Website:        jtodora.com
*/

.bg-grad {
   background-color: #FEFEFE;
   background-image: linear-gradient(#FEFEFE, #BFBFBF);
}  /* #1E90FF #1EB3FF #66C4FF */

.story-container {
   width: 850px;
   margin: auto;
}

.painting-img {
   display: block;
   margin: auto;
   width: 50%;
   padding-bottom: 10px;
   padding-top: 10px;
}

.soldier-son-img {
   width: 20%;
   float: right;
   padding-bottom: 10px;
   padding-top: 10px;
   padding-left: 10px;
}

.son-on-easel-img {
   width: 40%;
   float: left;
   padding-bottom: 10px;
   padding-top: 10px;
   padding-right: 10px;
}

.centered-text {
   text-align: center;
   padding-top: 30px;
   padding-bottom: 30px;
}

.video-center {
   display: block;
   margin: auto;
   width: 55%;
   padding-bottom: 10px;
}

@media screen and (max-width: 600px) {
    .story-container {
        width: 100%;
    }
    img {
        float: none; /* Stack images above text on small screens */
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .painting-img {
        display: flex;
        margin: auto;
        width: 100%;
        padding-bottom: 10px;
        padding-top: 10px;
   }
   .soldier-son-img {
        width: 35%;
        float: right;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 10px;
   }
   .son-on-easel-img {
        display: flex;
        width: 100%;
        float: none;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
   }
   .video-center {
        display: flex;
        margin: auto;
        width: 100%;
        /* padding-bottom: 10px; */
        padding: 10px 10px 10px 10px;
   }
}