a:hover {
    text-decoration: none;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top,#5ac8fb 0,#5ac8fb 100%);
    background-image: -o-linear-gradient(top,#5ac8fb 0,#5ac8fb 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5ac8fb),to(#5ac8fb));
    background-image: linear-gradient(to bottom,#5ac8fb 0,#5ac8fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
    background-repeat: repeat-x;
    color: #212529;
    font-weight: bold;
}

.progress {
    background-image: -webkit-linear-gradient(top, white 0,white 100%);
    background-image: -o-linear-gradient(top,white 0,white 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(white));
    background-image: linear-gradient(to bottom,white 0,white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
}

.showOnHover {
    display: none;
}

.progress:hover .showOnHover {
    display: block !important;
}

.grid-container {
    display: grid;
}

.grid-item {
    padding: 10px 0;
}

.progress {
    height: 35px;
}

.rounded {
    border-radius: 10px !important;
}

#instafeed-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /*margin: 10px;*/
    max-height: 300px;
}

#instafeed-container > a {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 1rem;
}

#instafeed-container a:nth-child(n+5) {
    display: none !important;
}


@media only screen and (max-width: 768px) {
    #instafeed-container > a {
        flex: 0 0 50%;
        max-width: 50%;
        padding: .5rem;
    }
}