#instafeed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#instafeed img {
    visibility: hidden;
    overflow-y: hidden;
    max-height: 266px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.8313725490196079);
    box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.8313725490196079);
    margin: 8px auto;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}

.box-insta {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    width: 25%;
}

.box-insta .overlay-insta {
    width: 100.5%;
    height: 100.5%;
    position: absolute;
    top: 0;
    background: rgba(0, 186, 243, 0.83);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: table;
}

.box-insta:hover .overlay-insta {
    opacity: 1;
    display: table;
}

.overlay-insta ul {
    display: block;
    list-style-type: none;
    color: white;
    padding-left: 0;
    text-align: center;
    margin: 0;
    position: relative;
    bottom: 0;
    padding: 10px;
    height: 100%;
}

.overlay-insta .likes {
    background: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxwYXRoIHN0eWxlPSJmaWxsOiNENzVBNEE7IiBkPSJNMjQuODUsMTAuMTI2YzIuMDE4LTQuNzgzLDYuNjI4LTguMTI1LDExLjk5LTguMTI1YzcuMjIzLDAsMTIuNDI1LDYuMTc5LDEzLjA3OSwxMy41NDMgIGMwLDAsMC4zNTMsMS44MjgtMC40MjQsNS4xMTljLTEuMDU4LDQuNDgyLTMuNTQ1LDguNDY0LTYuODk4LDExLjUwM0wyNC44NSw0OEw3LjQwMiwzMi4xNjVjLTMuMzUzLTMuMDM4LTUuODQtNy4wMjEtNi44OTgtMTEuNTAzICBjLTAuNzc3LTMuMjkxLTAuNDI0LTUuMTE5LTAuNDI0LTUuMTE5QzAuNzM0LDguMTc5LDUuOTM2LDIsMTMuMTU5LDJDMTguNTIyLDIsMjIuODMyLDUuMzQzLDI0Ljg1LDEwLjEyNnoiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==') no-repeat;
    background-size: 42px;
    background-position: center 12px;
    padding: 18px 21px 14px;
    font-weight: 600;
    color: #ffffff;
    font-size: 17px;
    float: left;
    bottom: 0;
    position: relative;
}

.overlay-insta .comments {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNNDc3LjM3MSwxMjcuNDRjLTIyLjg0My0yOC4wNzQtNTMuODcxLTUwLjI0OS05My4wNzYtNjYuNTIzYy0zOS4yMDQtMTYuMjcyLTgyLjAzNS0yNC40MS0xMjguNDc4LTI0LjQxICAgYy0zNC42NDMsMC02Ny43NjIsNC44MDUtOTkuMzU3LDE0LjQxN2MtMzEuNTk1LDkuNjExLTU4LjgxMiwyMi42MDItODEuNjUzLDM4Ljk3Yy0yMi44NDUsMTYuMzctNDEuMDE4LDM1LjgzMi01NC41MzQsNTguMzg1ICAgQzYuNzU3LDE3MC44MzMsMCwxOTQuNDg0LDAsMjE5LjIyOGMwLDI4LjU0OSw4LjYxLDU1LjMsMjUuODM3LDgwLjIzNGMxNy4yMjcsMjQuOTMxLDQwLjc3OCw0NS44NzEsNzAuNjY0LDYyLjgxMSAgIGMtMi4wOTYsNy42MTEtNC41NywxNC44NDYtNy40MjYsMjEuNjkzYy0yLjg1NSw2Ljg1Mi01LjQyNCwxMi40NzQtNy43MDgsMTYuODUxYy0yLjI4Niw0LjM3Ny01LjM3Niw5LjIzMy05LjI4MSwxNC41NjIgICBjLTMuODk5LDUuMzI4LTYuODQ5LDkuMDg5LTguODQ4LDExLjI3NWMtMS45OTcsMi4xOS01LjI4LDUuODEyLTkuODUxLDEwLjg0OWMtNC41NjUsNS4wNDgtNy41MTcsOC4zMjktOC44NDgsOS44NTUgICBjLTAuMTkzLDAuMDg5LTAuOTUzLDAuOTUyLTIuMjg1LDIuNTY3Yy0xLjMzMSwxLjYxNS0xLjk5OSwyLjQyMy0xLjk5OSwyLjQyM2wtMS43MTMsMi41NjZjLTAuOTUzLDEuNDMxLTEuMzgxLDIuMzM0LTEuMjg3LDIuNzA3ICAgYzAuMDk2LDAuMzczLTAuMDk0LDEuMzMxLTAuNTcsMi44NTFjLTAuNDc3LDEuNTI2LTAuNDI4LDIuNjY5LDAuMTQyLDMuNDMzdjAuMjg0YzAuNzY1LDMuNDI5LDIuNDMsNi4xODcsNC45OTgsOC4yNzcgICBjMi41NjgsMi4wOTIsNS40NzQsMi45NSw4LjcwOCwyLjU2M2MxMi4zNzUtMS41MjIsMjMuMjIzLTMuNjA2LDMyLjU0OC02LjI3NmM0OS44Ny0xMi43NTgsOTMuNjQ5LTM1Ljc4MiwxMzEuMzM0LTY5LjA5NyAgIGMxNC4yNzIsMS41MjIsMjguMDcyLDIuMjg2LDQxLjM5NiwyLjI4NmM0Ni40NDIsMCw4OS4yNzEtOC4xMzgsMTI4LjQ3OS0yNC40MTdjMzkuMjA4LTE2LjI3Miw3MC4yMzMtMzguNDQ4LDkzLjA3Mi02Ni41MTcgICBjMjIuODQzLTI4LjA2MiwzNC4yNjMtNTguNjYzLDM0LjI2My05MS43ODFDNTExLjYyNiwxODYuMTA4LDUwMC4yMDcsMTU1LjUwOSw0NzcuMzcxLDEyNy40NHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+') no-repeat;
    background-position: center center;
    /* padding: 0; */
    color: #000000;
    background-size: 43px;
    font-size: 17px;
    font-weight: 600;
    padding: 19px;
    float: right;
}

#instafeed span.caption {
    max-height: 228px;
    height: 200px;
    overflow-y: hidden;
    padding: 25px;
    display: block;
    width: 100%;
    color: #fff;
    word-break: break-word;
}

button#load-more {
    margin: 3em auto;
    display: block;
}




/*********************/
/*   MEDIA QUERIES   */
/*********************/


@media(max-width:992px){
   .box-insta {position: relative;-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;width: 50%;}
   #instafeed span.caption {height:220px;max-height:220px;overflow-y:  hidden;padding: 25px;display:block;width:100%;color: #fff;}
}

@media (max-width: 767px){
    #instafeed img {visibility: hidden;overflow-y: hidden;max-height:450px;}
    #instafeed span.caption {height:350px;max-height:500px;overflow-y:  hidden;padding: 25px;display:block;width:100%;color: #fff;}

}

@media (max-width: 600px){
.box-insta {position: relative;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;width: 100%;}
  #instafeed img {visibility: hidden;overflow-y: hidden;max-height: 300px;}
  #instafeed span.caption {height:250px;max-height:300px;overflow-y:  hidden;padding: 25px;display:block;width:100%;color: #fff;}
.box-insta .overlay-insta { width: 100%;height: 100%;}
}

