.img1 {
      width: 854px;
      height: 455px;
      display: block;
      border-radius: 10px;
      
}

.a2 {
      /* background-image: linear-gradient(180deg, rgba(227, 227, 227, 1) 0%, rgba(186, 206, 193, 1) 100%); */
      background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 38%, rgba(207, 216, 220, 1) 82%);
}

.b2 {
      background-color: #F6F4E8;
}

#link2 {
      display: none;
}
#fb2 {
      display: none;
}
#update2{
      display: none;
      border-radius: 10px;
       margin-top: 10px;
}
#director2 {
      width: 75%;
      margin: auto;
      text-align: center;
      box-sizing: border-box;
      z-index: 10;
      display: none;

}
@media only screen and (max-width: 1200px) {
      .img1 {
            width: 100%;
            height: 255px;
            display: block;
            border-radius: 10px;
      }
      h5 {
            color: #333333;
            line-height: 1;
            letter-spacing: 0px;
            word-spacing: 0px;
            text-align: center;
            font-size: 15px;
      }
      p {
            color: #333333;
            line-height: 1;
            letter-spacing: 0px;
            word-spacing: 0px;
            text-align: center;
            font-size: 12px;
      }

      #link2 {
            display: none;
      }
      
      #fb {
            display: none;
      }
      #fb2 {
            display: block;
      }
      #up {
            display: none;
      }

      #director2 {
            width: 75%;
            margin: auto;
            text-align: center;
            box-sizing: border-box;
            z-index: 10;

            display: none;

      }
}

@media only screen and (max-width: 767px) {

      .img1 {
            width: 100%;
            height: 192px;
            display: block;
            border-radius: 10px;
      }

      #link {
            display: none;
      }
      #fb {
            display: none;
      }
      #up {
            display: none;
      }

      #director {
            width: 75%;
            margin: auto;
            text-align: center;
            box-sizing: border-box;
            z-index: 10;
            display: none;
      }

      #link2 {
            display: block;
      }
      #fb2 {
            display: block;
      }
      #up2 {
            display: block;
      }

      #director2 {
            width: 100%;
            margin: auto;
            text-align: center;
            box-sizing: border-box;
            z-index: 10;
            display: block;

      }

      .card-img1 {
            width: 100%;
            /* height: 260px; */
      }

}