/* Page Title */
#MediaTitle {
    display: flex;
    flex-flow: nowrap column;
    align-items: center;
}
#MediaTitle a {
    color: darkblue;
}
#MediaTitle a:hover {
    text-decoration: underline;
}
#MediaTitle a:active {
    color: red;
}

#SongSamplesGrid {
    display: grid;
    margin: auto;
    align-items: center;
    justify-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 20px;
    gap: 20px;
}
#SongSamplesGrid iframe {
    height: 250px;
    width: 90%;
    min-height: 150px;
}

h2 {
    background-color: white;
    width: 90%;
    margin: auto;
    padding-bottom: 30px;
}

/* ALL THE PICTURES D: */
#PicturesContainer {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px;
    margin: auto;
    width: 95%;
}
#PicturesContainer img {
    max-height: 250px;
    width: auto;
    box-shadow: black 0 0 5px;
}

@media screen and (max-width: 1023px) and (min-width: 411px) {
    #PicturesContainer img {
        max-height: 125px;
    }
    #SongSamplesGrid iframe {
	    min-height: 100px
    }
    #SongSamplesGrid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 10px;
        gap: 20px;
    }
}

@media screen and (max-width: 410px) {
    #PicturesContainer img {
        max-height: 75px;
    }
    #SongSamplesGrid iframe {
        height: auto;
    }
    #SongSamplesGrid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr) 10px;
        gap: 10px;
    }
}