#instagram {overflow: hidden;width: 100%;}
.instagram_item {float: left;width: 25%; padding-right: 1px; padding-bottom: 1px;}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {width: 100%;padding:65px !important;position: absolute;left: 0; top: 50%; font-size: 16px;font-weight: 400;text-align: center;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1); border:0px solid red; height:50%; overflow:hidden;}
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}

@media all and (max-width:11199px){
.instagram_item p {padding:15px !important; }
}

@media all and (max-width:789px){
.instagram_item {float: left; width: 50%; padding-right: 1px; padding-bottom: 1px;}
.instagram_item p {padding:20px !important;height:41%;}
}