/* cell phone size displays */
@media screen and (max-width:1000px) {
    body{
        font-size: 22px;
    }
    .navbar a, .dd a, .dd button{
        font-size: 28px;
        font-weight: bold;
        margin: 0 10px;
    }
    .linkOffset{
        scroll-margin-top: 220px; /* Adjust this value to match your header height */
    }
    .h1 {
        font-size:36px;
    }
    .h2 {
        font-size:32px;
    }
    .h3 {
        font-size:28px;
    }
    figCaption{
        font-size: 24px;
    }
    .historyTwoPhotos_oneLine {
        display: none;
    }
    .indexImageSize {
        width: 100vw;
    }
    .fsreg{
        font-size: 26px;
    }
    .ssFs24px{
        font-size: 24px;
    }
    .ssCapFs{
        font-size: 22px;
    }
    .ssW20{
        width: 20vw;
    }
    .ssW25{
        width: 25vw;
    }
    .ssW30{
        width: 30vw;
    }
    .ssW35{
        width: 35vw;
    }
    .ssW40{
        width: 40vw;
    }
    .ssW45{
        width: 45vw;
    }
    .ssW50{
        width: 50vw;
    }
    .ssW55{
        width: 55vw;
    }
    .ssW65{
        width: 65vw;
    }
    .ssW75{
        width: 75vw;
    }
    .ssW80{
        width: 80vw;
    }
    .ssW85{
        width: 85vw;
    }
    .ssW90{
        width: 90vw;
    }
    .ssW95{
        width: 95vw;
    }
    .ssW100{
        width: 100vw;
    }
    /* Width based on percent */
    .ssW20pc{
        width: 20%;
    }
    .ssW25pc{
        width: 25%;
    }
    .ssW30pc{
        width: 30%;
    }
    .ssW35pc{
        width: 35%;
    }
    .ssW40pc{
        width: 40%;
    }
    .ssW45pc{
        width: 45%;
    }
    .ssW55pc{
        width: 55%;
    }
    .ssW65pc{
        width: 65%;
    }
    .ssW75pc{
        width: 75%;
    }
    .ssW80pc{
        width: 80%;
    }
    .ssW85pc{
        width: 85%;
    }
    .ssW90pc{
        width: 90%;
    }
    .ssW95pc{
        width: 95%;
    }
    .ssW100pc{
        width: 100%;
    }

    /* Heights */
    .ssHt250{
        height: 250px;
    }
    .ssHt260{
        height: 260px;
    }
    .ssHt300{
        height: 300px;
    }
    .ssHt325{
        height: 325px;
    }
    .ssHt350{
        height: 350px;
    }
    .ssHt500{
        height: 500px;
    }
    .ssHt600{
        height: 600px;
    }
    .ssHt800{
        height: 800px;
    }
}

/* large displays */
@media screen and (min-width:1001px) {
.navbar a, .dd a{
    font-size: 22px;
    font-weight: bold;
    margin: 0 10px;
}
.dd button{
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}
.linkOffset{
    scroll-margin-top: 160px; /* Adjust this value to match your header height */
}
.historyTwoPhotos_twoLines {
    display: none;
}
.lsFs08{
    font-size: 0.8rem;
}

/* height in px */
.lsHt200{
    height: 200px;
}
.lsHt250{
    height: 250px;
}
.lsHt260{
    height: 260px;
}
.lsHt280{
    height: 280px;
}
.lsHt300{
    height: 300px;
}
.lsHt350{
    height: 350px;
}
.lsHt400{
    height: 400px;
}
.lsHt450{
    height: 450px;
}
.lsHt500{
    height: 500px;
}
.lsHt550{
    height: 550px;
}
.lsHt600{
    height: 600px;
}
.lsHt700{
    height: 700px;
}
.lsHt800{
    height: 800px;
}

/* width in px */
.lsW800{
    width: 800px;
}
.lsW700{
    width: 700px;
}
.lsW600{
    width: 600px;
}
.lsW500{
    width: 500px;
}
.lsW400{
    width: 400px;
}
.lsW350{
    width: 350px;
}
.lsW300{
    width: 300px;
}
/* width based on percent */
.lsW60pc{
    width: 60%;
}
/* width based on percent */
.lsW70pc{
    width: 70%;
}
.lsW80pc{
    width: 80%;
}
.lsW90pc{
    width: 90%;
}
.lsW100pc{
    width: 100%;
}
}