* {
    margin: 0;
    padding: 0;
}

body,
html {
    height: 100%;
}

body {
    background-color: #ffffff;
}

.dt { display: block !important; }
.mobile {display: none !important;}
  
#top_header {
    top: 0;
    z-index: 999;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.jeff {
    max-width: 740px;
}
img {
    width: 100%;
    height: auto;
    border: 0;
}

#wrapper {
    margin: 0 auto;
}
.logo_wrap {
    display: flex;
    justify-content: space-between;
}
.logo_wrap img {
    height: auto;
    max-height: 100px;
    cursor: pointer;
}

.content_wrap {
    max-width: 740px; 
    margin: 0 auto; 
    padding: 0 2%;
}
 
.body_text {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    margin: 0 auto;
    color: #93908c;
    font-size:24px;
    line-height: 34px; 
    padding: 35px 2% 20px;
}

/* Responsive Container */
        .slideshow-container {
            position: relative;
            width: 100%;
            max-height: 975px;
            margin: 0 auto;
            overflow: hidden;
            aspect-ratio: 2 / 3;
            background-color: black;
        }

        .slideshow-container img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain; /* Ensures images fill the space nicely */
            display: none; /* Hidden by default */
        }

        /* Show the first image immediately */
        .slideshow-container img:first-child {
            display: block;
        }



@media screen and (max-width: 768px) {
    .dt { display: none !important; }
    .mobile {display: block !important;}
    .content_wrap {
        padding: 0 2%;
    }
    .body_text {
        font-size:15px;
        line-height: 25px;
    }
    .lists {
        padding-left: 10px;
    }
}
@media screen and (max-width: 768px) {
      
    .slideshow-container {
        max-height: 995px;
        margin: 0% auto 2%;
    }
}
@media screen and (max-width: 640px) {
     .body_text {
        padding: 25px 2% 20px;
    }
    .slideshow-container {
        max-height: 830px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 425px) {
    .slideshow-container {
        max-height: 550px;
    }
}
@media screen and (max-width: 375px) {
    .slideshow-container {
        max-height: 487px;
    }
}