@media only screen and (min-width:320px) {

    p {
        color: #9b949b;
    }
    .names {
        text-align: center;
    }
    .content-container-scroller{
        width: 100vw;
        height: 100vh;
        /* border: 3px solid lime; */
        overflow-y: scroll;
    }
    
    .announcment-text-container{
        width: 90vw;
        background: white;
        position: relative;
        display: block;
        margin: 0 auto;
        border: 1px solid black;
        padding: 10px;
        font-size: 10pt;
    }

    .logo {
        width: 90vw;
        height: unset;
        transform: none;
        top: 0%;
        left: 0%;
        position: relative;
        display: block;
        margin: 0 auto;
        grid-row: 1/1;
    }
     /* IMAGE WITH CAPTIONS STYLES UPDATE */
.image-caption-container {
   display: grid;
   max-width: 100%;
   padding: 5px;
   grid-template-rows: auto 1fr; 
}
    .spacer {
        width: 100vw;
        height: 35vh;
        position: relative;
    }
}
@media only screen and (min-width:568px) {
    .logo {
        width: unset;
        height: 90vh;
    }
}

@media only screen and (min-width:700px) and (min-height:700px) {
    .logo {
        width: unset;
        height: 89vh;
    }
    .announcment-text-container {
        font-size: 13pt;
        padding: 2em;
    }
}

 /* - - - - - - - - -  */
 /* IMAGE WITH CAPTIONS STYLES UPDATE */
.image-caption-container {
   display: grid;
   width: 100vw;
   padding: 10px;
   grid-template-rows: auto 1fr; 
}
.caption-text {
    width: 82vw;
    display: block;
    margin: auto;
    font-family: sans-serif;
    font-size: 10pt;
    padding-bottom: 1em;
}
.artist-name-text {
 font-weight: 900;
}
.italic-text {
    font-style: italic;
}
 /* - - - - - - - - -  */