.classmate
{
    padding-top: 6px;
    padding-bottom: 6px;
}

.classmate-deceased
{
    padding-top: 6px;
    padding-bottom: 6px;
    /* font-size: 13px; */
    font-style: italic;
    color: rgb(120, 120, 120);
}

.classmate-grad
{
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
}

.classmate-grad-deceased
{
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
    font-style: italic;
    color: rgb(120, 120, 120);
}

.classmate-grad-number
{
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
    text-align: center;
}

.classmate-index
{
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
}

.classmate-ss
{
    padding-top: 3px;
    /* padding-bottom: 8px; */
}

.classmates-grid
{
    display: grid;
    /* grid-template-columns: auto 470px auto; */
    /* grid-template-columns: 92px 470px 92px; */
    grid-template-columns: 1fr 5fr 1fr;
    margin: auto;
    width: fit-content;
    text-align: center;
    border-bottom: 2px solid rgba(255, 215, 0, 0.5);
}

.classmates-grid-graduation
{
    display: grid;
    grid-template-columns: 25px 220px 30px 270px 25px 220px;
    margin: auto;
    width: fit-content;
    text-align: center;
    border-bottom: 2px solid rgba(255, 215, 0, 0.5);
}

.classmates-grid-portrait
{
    display: grid;
    grid-template-columns: 25px 270px 60px 270px 25px ;
    margin: auto;
    width: fit-content;
    border-bottom: 2px solid rgba(255, 215, 0, 0.5);
}

.cm-background
{
    background-color: rgba(255, 215, 0, 0.5);
}

.cm-header
{
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
    color: rgb(102, 51, 153);     
}

.cm-lifespan
{
    font-size: 15px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;     
}

.deceased
{
    color: rgb(120, 120, 120);
}

.download
{
    text-align: center;
}

.Facebook
{
    width: 700px;
    text-align: left;
    margin:auto;
}

footer
{
    font-size: 15px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 100px;     
}

.footer-grid
{
    display: grid;
    grid-template-columns: 1fr;
    text-align: left;
    margin: auto;
    width: fit-content;
    font-size: 14px;
}

.footer-grid-index
{
    display: grid;
    grid-template-columns: 9fr 1fr;
    text-align: left;
    margin: auto;
    width: fit-content;
}

.footer-index
{
    font-size: 13px;
}

.GoFundMe
{
    width: 700px;
    text-align: left;
    margin:auto;
    border-top: 2px solid rgba(102, 51, 153, 0.35);
    border-radius: 1px;
}

.header-grad
{
    font-size: 30px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
    color: rgba(102, 51, 153);
}

.header-index
{
    font-size: 30px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    color: rgba(255, 215, 0, 0.5);
}

hr.grad-rounded {
    border-top: 2px solid rgba(255, 215, 0, 0.5);
    border-radius: 1px;
    margin: 0%;
}

hr.rounded-purple {
    border-top: 2px solid rgba(102, 51, 153, 0.35);
    border-bottom: 0px;
    border-radius: 1px;
}

.index-background
{
    background-color: rgba(102, 51, 153, 0.35)
}

.index-delimeter
{
    width: 700px;
    text-align: left;
    margin:auto;
}

.index-menu-grid
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    width: fit-content;
    text-align: center;
}

.index-menu-grid-1
{
    display: grid;
    grid-template-columns: 1fr;
    margin: auto;
    width: fit-content;
    text-align: center;
}

.index-menu-item
{
/*    font-size: 15px;*/
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 40px;
/*    margin-bottom: 20px;*/
}

.index-states-schools-item
{
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
/*    margin-top: 20px;*/
    margin-bottom: 20px;
}

.menu-grid
{
    display: grid;
    grid-template-columns: 50px 500px 50px;
    margin: auto;
    width: fit-content;
}

.mugshot-grid                             
{
    display: grid;
    grid-template-columns: repeat(6, auto);
    margin: auto;
    width: fit-content;
}

.Newspaper
{
    width: 700px;
    text-align: left;
    margin:auto;
}

.Newspaper-grad
{
    width: 750px;
    text-align: left;
    margin:auto;
}

.Newspaper-grad-bottom
{
    width: 800px;
    text-align: left;
    margin-bottom: 0.5in;
}

.notes
{
    width: 700px;
    text-align: left;
    margin:auto;
    font-size: smaller;
}

.obituary
{
    width: 700px;
    text-align: left;
    margin: auto;
}

.picture
{
    height: 3.0in;
}

.picture-article-width
{
    width: 700px;
}

.picture-container
{
    /* text-align: right; */
    text-align: center;
}

.picture-grid-1
{
    display: grid;
    grid-template-columns: auto;
    margin: auto;
    width: fit-content;
}

.picture-grid-1-Skyline
{
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.picture-grid-2
{
    display: grid;
    grid-template-columns: repeat(2, auto);
    margin: auto;
    width: fit-content;
}

.picture-grid-3
{
    display: grid;
    grid-template-columns: repeat(3, auto);
    margin: auto;
    width: fit-content;
}

.picture-grid-4
{
    display: grid;
    grid-template-columns: repeat(4, auto);
    margin: auto;
    width: fit-content;
}

.picture-mugshot
{
    height: 1.5in;
}

.picture-PJV-GFM
{
    height: 5.0in;
}

.states-grid
{
    display: grid;
    grid-template-columns: 200px 30px;
    margin: auto;
    width: fit-content;
    text-align: center;
    border-bottom: 2px solid rgba(255, 215, 0, 0.5);
}

.state-selection-grid
{
    display: grid;
    grid-template-columns: repeat(5, 130px);
    margin: auto;
    width: fit-content;
    text-align: center;
    border-bottom: 2px solid rgba(255, 215, 0, 0.5);
}