/* cell phone size displays */
@media screen and (max-width:1000px) {
body{
    font-size: 22px;
}
.navbar a, .dd a, .dd button{
    font-size: 24px;
    font-weight: bold;
    margin: 0 10px;
}
.h1 {
    font-size:36px;
}
.h2 {
    font-size:32px;
}
.h3 {
    font-size:28px;
}
figCaption{
    font-size: 22px;
}
.historyTwoPhotos_oneLine {
    display: none;
}
.indexImageSize {
    width: 100vw;
}
.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;
}
}

/* large displays */
@media screen and (min-width:1001px) {
.navbar a, .dd a, .dd button{
    font-size: 22px;
    font-weight: bold;
    margin: 0 10px;
}
.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;
}
.lsW500{
    width: 500px;
}
.lsW400{
    width: 400px;
}
/* width based on percent */
.lsW70pc{
    width: 70%;
}
.lsW80pc{
    width: 80%;
}
.lsW90pc{
    width: 90%;
}
.lsW100pc{
    width: 100%;
}
}