.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    max-width: 100%;
    padding: 10px;

  }
body{
    background-color: #F4F6FA;
}

  .brr{
      border-right: 1px solid rgb(168, 168, 168);
  }
  .btn-ctm{
     background-color: #A2A70C;
     color: white;
     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
     width:100%;
  }
  .btn-ctm:hover{
    background-color: black;
    color: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
    transition: all 0.5s;
 }
 @media only screen and (max-width: 585px) {
   
      .img-r{
        width: 80px;
        height: 200px;
        margin-top: 30px;
      }
    
  }
  @media only screen and (max-width: 506px) {
   
    .img-r{
      width: 60px;
      height: 200px;
      margin-top: 30px;
    }
  
}
@media only screen and (max-width: 423px) {
   
    .img-r{
      width: 40px;
      height: 200px;
      margin-top: 30px;
    }
  
}
  @media only screen and (max-width: 357px) {
   
    .img-r{
      margin-left: -10px;
    }
  
}
.img-head{
    width: 100px;
}
.btm-0{
    display: block;
        background-color: rgb(8, 179, 164);
        width: 100%;
        color: white;
        max-width: 100%;
}
.h-0{
    display: block;
        width: 100%;
        color: white;
}
.img-s {
    width: 260px;
}
.box-sa{
    box-shadow:0px 0px 10px rgba(241, 241, 241, 1);
}