.instagram__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -8px; }
  .instagram__list-point {
    padding: 8px; }
    @media (max-width: 575px) {
      .instagram__list-point {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%; }
        .instagram__list-point:nth-child(9n + 9) {
          display: none; } }
    @media (min-width: 576px) and (max-width: 767px) {
      .instagram__list-point {
        -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
        max-width: 33.333%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .instagram__list-point {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        max-width: 25%; }
        .instagram__list-point:nth-child(9n + 9) {
          display: none; } }
    @media (min-width: 992px) {
      .instagram__list-point {
        -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
        max-width: 33.333%; } }

.instagram__item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 2px; }
  .instagram__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
    @media (min-width: 1200px) {
      .instagram__item::before {
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        background-color: transparent; } }
  .instagram__item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyLjAwMDA2IiB3aWR0aD0iMzJweCI+PHBhdGggZD0ibTI2MS4wMzkwNjIgNTEyYy0xLjY5NTMxMiAwLTMuMzkwNjI0IDAtNS4wOTc2NTYtLjAwNzgxMi00MC4xMzI4MTIuMDk3NjU2LTc3LjIxNDg0NC0uOTIxODc2LTExMy4yNzczNDQtMy4xMTcxODgtMzMuMDYyNS0yLjAxMTcxOS02My4yNDIxODctMTMuNDM3NS04Ny4yODEyNS0zMy4wMzkwNjItMjMuMTk1MzEyLTE4LjkxNDA2My0zOS4wMzUxNTYtNDQuNDg4MjgyLTQ3LjA3ODEyNC03Ni4wMDM5MDctNy0yNy40Mzc1LTcuMzcxMDk0LTU0LjM3MTA5My03LjcyNjU2My04MC40MjE4NzUtLjI1NzgxMy0xOC42OTE0MDYtLjUyMzQzNzUtNDAuODM5ODQ0LS41NzgxMjUtNjMuMzYzMjgxLjA1NDY4NzUtMjIuNjE3MTg3LjMyMDMxMi00NC43NjU2MjUuNTc4MTI1LTYzLjQ1NzAzMS4zNTU0NjktMjYuMDQ2ODc1LjcyNjU2My01Mi45ODA0NjkgNy43MjY1NjMtODAuNDIxODc1IDguMDQyOTY4LTMxLjUxNTYyNSAyMy44ODI4MTItNTcuMDg5ODQ0IDQ3LjA3ODEyNC03Ni4wMDM5MDcgMjQuMDM5MDYzLTE5LjYwMTU2MiA1NC4yMTg3NS0zMS4wMjczNDMgODcuMjg1MTU3LTMzLjAzOTA2MiAzNi4wNjI1LTIuMTkxNDA2IDczLjE1MjM0My0zLjIxNDg0MzggMTEzLjM3MTA5My0zLjExNzE4NzUgNDAuMTQ0NTMyLS4wODU5Mzc1IDc3LjIxNDg0NC45MjU3ODE1IDExMy4yNzczNDQgMy4xMTcxODc1IDMzLjA2MjUgMi4wMTE3MTkgNjMuMjQyMTg4IDEzLjQzNzUgODcuMjgxMjUgMzMuMDM5MDYyIDIzLjE5OTIxOSAxOC45MTQwNjMgMzkuMDM1MTU2IDQ0LjQ4ODI4MiA0Ny4wNzgxMjUgNzYuMDAzOTA3IDcgMjcuNDM3NSA3LjM3MTA5NCA1NC4zNzUgNy43MjY1NjMgODAuNDIxODc1LjI1NzgxMiAxOC42OTE0MDYuNTI3MzQ0IDQwLjgzOTg0NC41NzgxMjUgNjMuMzYzMjgxdi4wOTM3NWMtLjA1MDc4MSAyMi41MjM0MzctLjMyMDMxMyA0NC42NzE4NzUtLjU3ODEyNSA2My4zNjMyODEtLjM1NTQ2OSAyNi4wNDY4NzUtLjcyMjY1NiA1Mi45ODA0NjktNy43MjY1NjMgODAuNDIxODc1LTguMDQyOTY5IDMxLjUxNTYyNS0yMy44Nzg5MDYgNTcuMDg5ODQ0LTQ3LjA3ODEyNSA3Ni4wMDM5MDctMjQuMDM5MDYyIDE5LjYwMTU2Mi01NC4yMTg3NSAzMS4wMjczNDMtODcuMjgxMjUgMzMuMDM5MDYyLTM0LjUzNTE1NiAyLjEwMTU2Mi03MC4wMTE3MTggMy4xMjUtMTA4LjI3NzM0NCAzLjEyNXptLTUuMDk3NjU2LTQwLjAwNzgxMmMzOS40ODA0NjkuMDkzNzUgNzUuNzMwNDY5LS45MDIzNDQgMTEwLjk0NTMxMy0zLjA0Mjk2OSAyNS0xLjUxOTUzMSA0Ni42NzU3ODEtOS42MzI4MTMgNjQuNDMzNTkzLTI0LjExMzI4MSAxNi40MTQwNjMtMTMuMzg2NzE5IDI3LjcxODc1LTMxLjg1NTQ2OSAzMy41OTc2NTctNTQuODk0NTMyIDUuODI4MTI1LTIyLjgzOTg0NCA2LjE2NDA2Mi00Ny4zNjMyODEgNi40ODgyODEtNzEuMDc4MTI1LjI1MzkwNi0xOC41NjY0MDYuNTE5NTMxLTQwLjU1ODU5My41NzQyMTktNjIuODYzMjgxLS4wNTQ2ODgtMjIuMzA4NTk0LS4zMjAzMTMtNDQuMjk2ODc1LS41NzQyMTktNjIuODYzMjgxLS4zMjQyMTktMjMuNzE0ODQ0LS42NjAxNTYtNDguMjM4MjgxLTYuNDg4MjgxLTcxLjA4MjAzMS01Ljg3ODkwNy0yMy4wMzkwNjMtMTcuMTgzNTk0LTQxLjUwNzgxMy0zMy41OTc2NTctNTQuODk0NTMyLTE3Ljc1NzgxMi0xNC40NzY1NjItMzkuNDMzNTkzLTIyLjU4OTg0NC02NC40MzM1OTMtMjQuMTA5Mzc1LTM1LjIxNDg0NC0yLjE0NDUzMS03MS40NjQ4NDQtMy4xMzI4MTItMTEwLjg1MTU2My0zLjA0Njg3NS0zOS40NzI2NTYtLjA5Mzc1LTc1LjcyNjU2Mi45MDIzNDQtMTEwLjk0MTQwNiAzLjA0Njg3NS0yNSAxLjUxOTUzMS00Ni42NzU3ODEgOS42MzI4MTMtNjQuNDMzNTk0IDI0LjEwOTM3NS0xNi40MTQwNjIgMTMuMzg2NzE5LTI3LjcxODc1IDMxLjg1NTQ2OS0zMy41OTc2NTYgNTQuODk0NTMyLTUuODI4MTI1IDIyLjg0Mzc1LTYuMTY0MDYyIDQ3LjM2MzI4MS02LjQ4ODI4MSA3MS4wODIwMzEtLjI1MzkwNyAxOC41ODIwMzEtLjUxOTUzMSA0MC41ODU5MzctLjU3NDIxOSA2Mi45MTAxNTYuMDU0Njg4IDIyLjIyNjU2My4zMjAzMTIgNDQuMjM0Mzc1LjU3NDIxOSA2Mi44MTY0MDYuMzI0MjE5IDIzLjcxNDg0NC42NjAxNTYgNDguMjM4MjgxIDYuNDg4MjgxIDcxLjA3ODEyNSA1Ljg3ODkwNiAyMy4wMzkwNjMgMTcuMTgzNTk0IDQxLjUwNzgxMyAzMy41OTc2NTYgNTQuODk0NTMyIDE3Ljc1NzgxMyAxNC40NzY1NjIgMzkuNDMzNTk0IDIyLjU4OTg0MyA2NC40MzM1OTQgMjQuMTA5Mzc0IDM1LjIxNDg0NCAyLjE0NDUzMiA3MS40NzY1NjIgMy4xNDQ1MzIgMTEwLjg0NzY1NiAzLjA0Njg3NnptLS45NTMxMjUtOTAuOTkyMTg4Yy02OC45MjE4NzUgMC0xMjUtNTYuMDc0MjE5LTEyNS0xMjVzNTYuMDc4MTI1LTEyNSAxMjUtMTI1YzY4LjkyNTc4MSAwIDEyNSA1Ni4wNzQyMTkgMTI1IDEyNXMtNTYuMDc0MjE5IDEyNS0xMjUgMTI1em0wLTIxMGMtNDYuODY3MTg3IDAtODUgMzguMTMyODEyLTg1IDg1czM4LjEzMjgxMyA4NSA4NSA4NWM0Ni44NzEwOTQgMCA4NS0zOC4xMzI4MTIgODUtODVzLTM4LjEyODkwNi04NS04NS04NXptMTM5LTgwYy0xNi41NjY0MDYgMC0zMCAxMy40Mjk2ODgtMzAgMzBzMTMuNDMzNTk0IDMwIDMwIDMwYzE2LjU3MDMxMyAwIDMwLTEzLjQyOTY4OCAzMC0zMHMtMTMuNDI5Njg3LTMwLTMwLTMwem0wIDAiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: left 8px top 8px;
    background-size: 24px; }
    @media (min-width: 1200px) {
      .instagram__item::after {
        background-position: center;
        background-size: 0px;
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out; } }
  @media (min-width: 1200px) {
    .instagram__item:hover::after {
      background-size: 32px; } }
  .instagram__item:hover::before {
    background-color: rgba(0, 0, 0, 0.4); }