#instafeed 
{
    display: flex;
    gap: 5px;
}



#instafeed a {  
  flex-grow:1 !important;
  flex: 25%;

  border:1px solid #f4f4f4;
  border-radius: 4px;
  
  }

  #instafeed img {

    max-height: 300px;
    max-width: 370px;

    min-height: 300px;
 
    width: 100%;
    height: 50%;

    margin-left: auto;  
    margin-right: auto;
    display: block;    
    margin-top: 10px;


   
  }

  





  #instafeed a:hover {
    opacity: 0.7;	
    
  }


  #instafeed div.insta-caption
  {
    color: black;    
    padding: 5px;
  }  
  #instafeed div.insta-caption p
  {
    font-size: 1.2vw;
    line-height: 1.3vw;
  }    


  #instafeed span.post-date
  {
    color: #f69f2e;
    font-size:1.5rem;
    line-height: 1px;
    margin-left:  15px;

  }




  /*
  #instafeed .likes {
    background:rgba(222,89,135,0.8);
    font-family:sans-serif;
    font-size:1em;
    position:absolute;
    color:#ffffff;
    right:5px;
    top:5px;
    left:5px;
    opacity:0;
    text-align:center;
    line-height:150px;
    text-shadow:0 1px rgba(0,0,0,0.5);
    -webkit-font-smoothing:antialiased;
    -webkit-transition: opacity 100ms ease;
    -moz-transition: opacity 100ms ease;
    -o-transition: opacity 100ms ease;
    -ms-transition: opacity 100ms ease;
    transition: opacity 100ms ease;
  }
  
  #instafeed a:hover .likes {
    opacity:1;
  }
  
 */ 

 



 @media all and (max-width : 800px) {
  #instafeed div.insta-caption p
    {
      text-align: center;
      font-size: 12pt;
      line-height: normal;      

    }

    #instafeed a { 
      padding: 1px;
    }
  }	














  /*inicio linha loading*/
  .linha-loading {
      margin-top: 5px;
    margin-bottom: 5px;


    width: 100%;
        height: 2px;
        position: relative;
        overflow: hidden;
        background-color: #ddd;
        

        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .linha-loading:after {
        content: "";
        position: absolute;
        xxleft: -50%;
        height: 2px;
        xxwidth: 40%;
        width: 100%;
        background-color: rgba(6, 111, 119, 0.6);

        -webkit-animation: lineAnim 10s linear infinite; /*hab ao carregar feed*/
        -moz-animation: lineAnim 10s linear infinite;
        animation: lineAnim 10s linear infinite;

        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    @keyframes lineAnim {
        0% {
            xleft: -40%;
    width: 1%;
        }            
        
        100% {
            xleft: 100%;
            width: 100%;
        }
    }
  /*fim linha loading*/