.instagram-feed {
    /*text-align: center;*/
    overflow: hidden;
    margin: 0.5vw -0.75vw 0.5vw -0.5vw;
    margin: 0.5vw var(--neg-puff-gap) 0.5vw var(--neg-puff-gap);
    padding-left: var(--puff-gap);
	padding-right: var(--puff-gap);
}

.instagram-feed .feed-title {
    text-align: center;
    color: #3a3a3a;
    margin: 25px 0;
}

.instagram-feed .instagram{
    overflow: hidden;
    
}

.instagram-feed .instagramPost{
    float: left;
    width: 20%;
}


.instagram-feed .image{
    display: block;
    margin: 0.5vw;
    margin: var(--puff-gap);
    position:relative;
    background-color: var(--button-bg-color);
    overflow: hidden;
}

    .instagram-feed .image::after
    {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.instagram-feed .image img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.instagram-feed .instagram-posts.width3 { display: flex; justify-content:center; flex-wrap:wrap; }
.instagram-feed .instagram-posts.width4 { display: flex; justify-content:center; flex-wrap:wrap; }
.instagram-feed .instagram-posts.width5 {}

/*.instagram-feed .instagramPost:first-child { width: 40%; }*/
.instagram-feed .instagramPost.one-third { width: 33.33%; }
.instagram-feed .instagramPost.one-fourth { width: 25%; }
.instagram-feed .instagramPost.one-fifth { width: 20%; }
.instagram-feed .instagramPost.two-fifths { width: 39.98%; }

.instagram-feed .instagramPost:first-child .instagramInner {
    display: flex;
}

.instagram-feed .instagramPost.special .instagramInner p {
    font-size: var(--font-size-h4);
    max-width: 21vw;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: center;
    display: block;
}

.instagram-feed .instagramPost .instagramInner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    color: white;
    font-size: 3vw;
    justify-content: center;
    align-items: center;
}

.instagram-feed .instagramPost .instagramInner div {
    text-align: center;
}

.instagram-feed .instagramPost .instagramInner p {    
    display:none;    
}

.instagram-feed .instagramPost:not(.special) .instagramInner  i {
    position: absolute;
    bottom: 0.5vw;
    right: 0.5vw;
    font-size: 1.5vw;
}


@media screen and (max-width: 1400px)
{
/*
    .instagram-feed .instagramPost {
        width: 25%;
    }
    .instagram-feed .instagramPost:first-child {
        width: 49.9%;
    }
    .instagram-feed .instagramPost:first-child .instagramInner p {
        font-size: 3.0vw;
        max-width: 15vw; 
    }

    .instagram-feed .instagramPost:first-child .instagramInner  i {
        font-size: 4.5vw;
    }
*/
    .instagram-feed .instagramPost.one-third {width: 33.33%;}
    .instagram-feed .instagramPost.one-fourth {width: 25%;}
    .instagram-feed .instagramPost.one-fifth,
    .instagram-feed .instagramPost.two-fifths {width: 33.33%;}

    .instagram-feed .instagramPost:not(.special) .instagramInner  i {
        font-size: 2.9vw;
        right: 1.5vw;
        bottom: 1.0vw;
    }
}


/*@media screen and (max-width: 1200px)
{   
    .instagram-feed .instagramPost {
        width: 33%;
    }
    .instagram-feed .instagramPost:first-child {
        width: 33%;
    }

    .instagram-feed .instagramPost:not(:first-child) .instagramInner  i {
        font-size: 3.5vw;
        right: 1.5vw;
        bottom: 1.0vw;
    }
}
*/

@media screen and (max-width: 800px)
{
    .instagram-feed .instagramPost.one-third,
    .instagram-feed .instagramPost.one-fourth,
    .instagram-feed .instagramPost.one-fifth,
    .instagram-feed .instagramPost.two-fifths {width: 50%;}


    .instagram-feed .instagramPost.special .instagramInner p {        
        max-width: 110px; 
    }

    .instagram-feed .instagramPost:not(.special) .instagramInner  i {
        font-size: 4.5vw;
    }
    .instagram-feed .instagramPost.special .instagramInner  i {
        font-size: 5.5vw;
    }

}

/*
@media screen and (max-width: 750px)
{
   .instagram-feed .instagramPost {
        width: 50%;
    }
    .instagram-feed .instagramPost:first-child {
        width: 50%;
    }

    .instagram-feed .instagramPost:not(:first-child) .instagramInner  i {
        font-size: 3.5vw;
        right: 1.5vw;
        bottom: 1.0vw;
    } 

}

*/

@media screen and (max-width: 350px)
{
    .instagram-feed .instagramPost {
        width: 100%;
    }
    .instagram-feed .instagramPost.one-third,
    .instagram-feed .instagramPost.one-fourth,
    .instagram-feed .instagramPost.one-fifth,
    .instagram-feed .instagramPost.two-fifths {
        width: 100%;
    }

    .instagram-feed .image { margin: 2vw 0vw; }

    .instagram-feed .instagramPost:not(.special) .instagramInner  i {
        font-size: 8.5vw;
    }

    .instagram-feed .instagramPost.special .instagramInner  i {
        font-size: 15vw;
    }
}