
.container-instagram {
    margin: 0 auto;
    }

.container-instagram .btn {
    display: inline-block;
    font: inherit;
    background: none;
    border: none;
    color: inherit;
    padding: 0;
    cursor: pointer;
}

.container-instagram .btn:focus {
    outline: 0.5rem auto #4d90fe;
}

.container-instagram span {
padding: 0;margin: 0;
}

.container-instagram .visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
/* Gallery Section */

.container-instagram .gallery {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem;
    height: 460px;
    overflow: hidden;
}

.container-instagram .gallery-item {
    position: relative;
    flex: 1 0 22rem;
    height: 225px;
    width: 225px;
    margin: 0 10px 10px 10px;
    color: #fff;
    cursor: pointer;
}

.container-instagram .gallery-item:hover .gallery-item-info,
.container-instagram .gallery-item:focus .gallery-item-info {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.container-instagram .gallery-item-info {
    display: none;
}

.container-instagram .gallery-item-info ul {
   margin: 0;
   padding: 0;
}


.container-instagram .gallery-item-info li {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
}

.container-instagram .gallery-item-likes {
    margin-right: 17px;
}

.container-instagram .gallery-item-type {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 1rem;
    text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}

.container-instagram .fa-clone,
.container-instagram .fa-comment {
    transform: rotateY(180deg);
}

.container-instagram .gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fb_iframe_widget span {
    margin: auto;
    display: block;
}


/* Media Query */

@media screen and (max-width: 767px) {
    .first_block {
        order: 2;
    }
    .second_block {
        order: 1;
    }
}

@media screen and (max-width: 40rem) {
/*

The following code will only run if your browser supports CSS grid.

Remove or comment-out the code block below to see how the browser will fall-back to flexbox & floated styling. 

*/

@supports (display: grid) {
    .gallery-item,
    .gallery {
        width: auto;
        margin: 0;
    }
}
}