/*
   Website:    jtodora.com
   Filename:   push.css
   Author:     John G. (Skip) Todora
   Start Date: January 28, 2023
   Updated:    January 25, 2025 to make the page cell phone friendly
*/

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

.story-container {
   /* display: block; */
   margin: auto;
   width: 900px;
   padding-top: 40px;
}

.hospital-img {
   display: block;
   float: left;
   width: 50%;
   padding-bottom: 10px;
   padding-right: 10px;
}

.cabin-img {
   display: block;
   float: right;
   width: 50%;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-top: 10px;
}

.scale-img {
   display: block;
   float: left;
   width: 50%;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

.rocks-img {
   display: block;
   float: right;
   width: 55%;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
   padding-left: 10px;
}

.man-pushing-rock-img {
   display: block;
   float: left;
   width: 35%;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
}

.man-praying-img {
   display: block;
   float: right;
   width: 50%;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
}

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

.bible-verse {
   display: block;
   margin: auto;
   width: 900px;
   padding-top: 50px; 
}
  
.bible-img {
   display: block;
   float: left;
   width: 20%;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
}

.centered-text {
   text-align: center;
   padding-top: 40px;
   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;
    }
    .bible-img {
      display: block;
      float: left;
      width: 49%;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
    }
}