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

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

.container {
   width: 900px;
   margin: auto;
}

.island-img {
   display: block;
   margin: auto;
   padding-bottom: 40px;
}

.ship-tossing-img {
    float: left;
    padding: 10px;
}

.woman-praying-img {
   float: right;
   padding: 10px;
}
.man-praying-img {
   display: block;
   margin: auto;
   padding: 10px;
   padding-bottom: 40px;
}

.img-left {
   margin: auto;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 10px;
   width: 50%;
}

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

.video-right {
   float: right;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   width: 533px;
   height: 300px;
}

.video-left {
   float: left;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   width: 533px;
   height: 300px;
}

.img-center {
   display: block;
   margin: auto;
}

.jesus-in-heaven {
   display: block;
   float: right;
   margin: auto;
   padding-left: 10px;
}

.citation {
   padding-left: 30px;
}

.citation:first-letter {
   padding-left: 10px;
   margin-left: -30px;
}


@media screen and (max-width: 600px) {
    .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;
    }
    video {
        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;
    }
}