/*
   Website:     jtodora.com
   Filename:	clever_student.css
   Author:		John G. (Skip) Todora
   Date:     	May 25, 2023
*/

/* * {
	box-sizing: border-box;
} */

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

/* body {
   font-family: verdana, arial, sans-serif;

}

h1 {
	color: rgb(24,74,122);
	text-align: center;
	max-width: 100%;
	height: auto;
	padding-bottom: 30px;
	padding-top: 30px;
} */

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

/* .text-container {

} */

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

sup {
   vertical-align: super;
   font-size: smaller;
   font-weight: bold;
}

.bible-verse {
   width: 75%;
   margin: auto;
   padding-bottom: 20px;
   font-style: italic;
}

.centered-text-no-padding {
   text-align: center;
}

td {
   vertical-align: top;
   height: 30px;
}

.evolution-img {
   display: block;
   margin: auto;
   width: 50%;
}   

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

.center-text {
   text-align: center;
}

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

/* clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* .horiz-line {
   border: none;
   border: 1px solid black;
   width: 80%;
}

.addrtext {
	text-align: center;
	font-style: italic;
	padding-top: 100px;
} */


@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;
    }
    .professor-img {
        width: 100%;
        display: flex;
        float: none;
        margin: auto;
        padding: 10px 10px 10px 10px;
   }
   .evolution-img {
        display: flex;
        float: none;
        margin: auto;
        width: 85%;
        padding: 10px 10px 10px 10px;
   }   
   .hebrews-img {
        display: flex;
        margin: auto;
        width: 75%;
        padding: 10px 10px 10px 10px;
   }
   table {
      margin: auto;
      padding: 10px 10px 10px 10px;
   }
   .bible-verse {
        width: 75%;
        margin: auto;
        padding-bottom: 20px;
        font-style: italic;
   }
}