.gallery-container {
    width: 100%;
    margin: 2rem auto;
}
  
.gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(4, 5vw);
}

.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-right: 2px solid crimson;
    transition-duration: 0.75s;
}

.bottom-left {
    position:relative;
    bottom: 55px;
    height: 55px;
    color: rgba(255, 255, 255, 0);
    padding-left: 25px;
    transition-duration: 0.75s;
}

.gallery__img:hover ~.bottom-left {
    color: rgba(255, 255, 255);
    background-color: rgba(220, 20, 60, 0.45);
}

.gallery__img:hover{
    filter: grayscale(90%);
}
  
.gallery__item--1 {
    grid-column: 1 / span 2;
    grid-row: 1 / span 4;
}
  
.gallery__item--2 {
    grid-column: 3 / span 4;
    grid-row: 1 / span 2;
}

.gallery__item--3 {
    grid-column: 3 / span 2;
    grid-row: 3 / span 2;
}

.gallery__item--4 {
    grid-column: 5 / span 2;
    grid-row: 3 / span 2;
}

.gallery__item--5 {
    grid-column: 7 / span 4;
    grid-row: 1 / span 4;
}

.gallery__item--6 {
    grid-column: 11 / span 4;
    grid-row: 1 / span 4;
}

.full-gallery {
    text-align: center;
}

.full-gallery div {
    vertical-align: top;
    text-align: center;
    background-color: white;
    display: inline-block;
    width: 500px;
    margin: 25px;
    padding: 25px;
}

.full-gallery .full-video {
    width: 100%;
    max-width: 1300px;
}

.full-gallery .full-video iframe {
    width: 95%;
}

.full-gallery .video {
    width: 750px;
    height: auto; 
}

.full-gallery div {
    border-bottom: 4px solid crimson;
}

.full-gallery img {
    height: 700px;
    display: inline-block;
    vertical-align: top;
    transition-duration: 0.75s;
}

.full-gallery img:hover {
    filter: grayscale(90%);
}

.full-gallery h1,p{
    text-align: left;
}

.full-gallery h1{
    margin-top: 25px;
}

.full-gallery h1{
    font-size: 1.55rem;
}


.audio-gallery {
    text-align: center;
}

.audio-gallery div {
    text-align: center;
    background-color: white;
    display: inline-block;
    width: 500px;
    margin: 25px;
    padding: 25px;
}

.audio-gallery .video {
    width: 750px;
    height: auto; 
}

.audio-gallery div {
    border-bottom: 4px solid crimson;
}

.audio-gallery img {
    min-height: 700px;
    max-height: 700px;
    display: inline-block;
    vertical-align: top;
}

.audio-gallery h1,p{
    text-align: left;
}

.audio-gallery h1{
    margin-top: 25px;
}

.audio-gallery h1{
    font-size: 1.55rem;
}

/*##############################*/
/* ##### MOBILE CHANGES ######*/
/*##############################*/
@media(max-width: 650px) {
    .full-gallery .video {
        width: 100%;
    }

    .full-gallery .video iframe{
        width: 100%;
    }
    
    .full-gallery img {
        width: 100%;
        height: auto;
    }

    .full-gallery div {
        width: 100%;
        margin: 0px;
        margin-bottom: 25px;
    }
}