.contac-list {
     background-color: #f1f1f1;
     margin-top: 2.5vw;
     padding: 2.5vw;
     border-radius: 4px;
     position: relative;
 }

 .contac-list h2 {
     font-size: 2.2vw;
     margin-bottom: 4vw;
     margin-top: 4vw;
 }

 .contac-list h3 {
     margin-top: 2vw;
     font-size: 1.2vw;
     margin-bottom: 0.5vw;
 }

 .contac-list p {
     color: #717171;
 }

 .contac-list img {
     width: 100%;
     border-radius: 3px
 }

 .title {
     text-align: center;
     margin-bottom: 4vw;
     margin-top: 4vw;

 }

 .title h2 {
     font-size: 3vw;
     margin-bottom: 1vw;
 }

 .title h3 {
     font-size: 2.2vw;
     margin-bottom: 1vw;
 }

 .title div {
     padding: 0 10vw;
     color: #666;
     font-size: 1vw;
     line-height: 1.5vw;
 }

 .memilikiasd {
     margin-bottom: 4vw;
 }

 .memiliki ul {
     display: flex;
 }

 .memiliki ul li {
     padding: 1.5vw;
     background-color: #f1f1f1;
     list-style: none;
     flex: 1;
     margin-right: 2vw;
     border-radius: 4px;
     text-align: center;
 }

 .memiliki ul li:last-child {
     margin-right: 0;
 }

 .memiliki ul li p {
     display: block;
     margin-top: 1.5vw;
     color: #717171;
 }

 .memiliki ul li i {
     position: relative;
     display: block;
     margin: auto;
     width: 55px;
 }

 .memiliki ul li i img {
     width: 100%;
 }

 .memiliki ul li i b {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     color: #FFF;
     font-size: 28px;
     font-family: Arial, Helvetica, sans-serif;
 }

 .table table {
     width: 100%;
     text-align: center;
 }

 .table table tr {
     background-color: #fafafa;
 }

 .table table tr.t1 {
     background-color: #525252;
     font-size: 1.2vw;
     color: #FFF;
     text-transform: uppercase;
 }

 .table table td {
     border: 3px solid #b9b9b9;
     padding: 1vw;
 }

 a.but {
     font-size: 14px;
     background-color: #171a20;
     color: #FFFFFF;
     display: inline-block;
     text-align: center;
     padding: 10px 20px;
     border-radius: 4px;
     transition: all .3s ease-in-out;
     margin-top: 2vw;
 }

 @media screen and (max-width: 1280px) {
     .title h2 {
         font-size: 16px;
         margin-bottom: 10px;
     }

     .title div {
         font-size: 12px;
         line-height: 1.4em;
     }

     .contac-list h2 {
         font-size: 16px;
     }

     .contac-list h3 {
         font-size: 14px;
         margin-bottom: 10px;
     }

     .title h3 {
         font-size: 16px;
         margin-bottom: 10px;
     }

     .contac-list p {
         font-size: 12px;
     }

     .memiliki ul {
         display: block;
     }

     .memiliki ul li {
         padding: 10px;
         margin-right: 0;
         margin-top: 10px;
     }

     .memiliki ul li p {
         font-size: 12px;
     }

     .memiliki ul li i img {
         width: 30px;
     }

     .memiliki ul li i b {

         font-size: 18px;
     }

     .table table td {
         border: 1px solid #b9b9b9;
         padding: 10px;
         font-size: 12px;
     }

     .table table tr.t1 {

         font-size: 13px;
     }

     a.but {
         font-size: 12px;
         padding: 5px 20px;
     }
 }