/*
   Filename:       black_dote.css
   Author:         John G. (Skip) Todora
   Start Date:     April 09, 2023
   Updated:        January 28, 2026 to make the page cellphone friendly
   Website:        jtodora.com
*/

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

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

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

h2 {
   color: rgb(24,75,122);
   text-align: center;
   height: auto;
   padding-bottom: 30px;
   padding-top: 30px;
}

h3 {
   color: rgb(24,75,122);
   text-align: center;
   height: auto;
   padding-top: 30px;
}
*/

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

.black-dot-img {
   display: block;
   margin: auto;
   /* float: right; */
   width: 20%;
   /* height: 50%; */
   padding-bottom: 10px;
   padding-left: 10px;
}

.taking-test-img {
   display: block;
   float: left;
   width: 40%;
   padding-top: 10px;
   padding-right: 10px;
   /* padding-bottom: 10px; */
}


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

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

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

@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;
    }
}