.relat-img
       {
          /*height: 150px;*/
          border: 1px solid #bbbaba;
          padding: 2px;
          margin-top: 8px;
       }
       .relat-title{
          padding-top: 10px;
          text-align: center;
          /*font-size: 19px;*/
       }
        .relat-title a{
          text-decoration: none;
          color:#212529;
       }
      
      .relat-title a:hover{
          text-decoration: none;
          color:#f48e0c;
       }

       .relat-row
       {
          box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
          transition: 0.3s;
          width: 40%;
          border-radius: 5px;
          padding: 2px 16px;
          margin-bottom: 30px;
       }


       @media only screen and (min-width: 300px) and (max-width: 567px) {
           .relat-row
           {
            width: 50%;
           }
           .relat-title{
              font-size: 13px;
           }
       }

       @media only screen and (min-width: 500px) and (max-width: 800px) {
          .relat-row
           {
            width: 50%;
           }
           .relat-title{
              font-size: 13px;
           }
       }

          @media only screen and (min-width: 800px) and (max-width: 1324px) {
            .relat-row
           {
            width: 50%;
           }
       }