section {
    display: block;
   
    width:100%;
  
    box-sizing:border-box;
}



.ct{

    padding-top: 25%;
    text-align: center!important;
    color: black;
    font-weight: bold;

}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.container{

    padding-top: 2%;
}

@media only screen and (max-width: 600px) {
    .cont {padding-top: 6%;}
    .leg{ color: rgb(22, 22, 22); font-size: 50px; letter-spacing: 1rem;}
    .abt{
      font-size: 15px;
      font-weight: bold;
  }
  .mres{
    padding-top: 35%;
  }
  }

  @media only screen and (min-width: 600px) {
    .cont {padding-top: 6%;}
    .leg{ color: rgb(22, 22, 22); font-size: 50px; letter-spacing: 1rem;}
    .abt{
      font-size: 15px;
      font-weight: bold;
  }

  .mres{
    padding-top: 35%;
  }
  }


  @media only screen and (min-width: 768px) {
    .cont {padding-top: 4%;}
    .leg{ color: rgb(22, 22, 22); font-size: 80px; letter-spacing: 1.2rem;}
    .abt{
      font-size: 20px;
      font-weight: bold;
  }
  .mres{
    padding-top: 15%;
  }
  } 


  @media only screen and (min-width: 992px) {
    .cont {padding-top: 4%;}
    .leg{ color: rgb(22, 22, 22); font-size: 90px; letter-spacing: 1.3rem;}
    .abt{
      font-size: 20px;
      font-weight: bold;
  }
  .mres{
    padding-top: 12%;
    /* margin: 1%; */
  }
  } 


  @media only screen and (min-width: 1200px) {
    .cont {padding-top: 4%;}
    .leg{ color: rgb(22, 22, 22); font-size: 120px; letter-spacing: 1.5rem;}
    .abt{
      font-size: 25px;
      font-weight: bold;
  }
  .mres{
    padding-top: 10%;
  }
  }
  .wn{
    font-weight: bold;
    font-size: 20px;
  }

  .wl{
    font-size: 20px;
  }

  .outerr {
  
    align-items: center;
    align-self: center;
   
  }
  /* p{
    line-height: 18px;
    margin-bottom: 3px !important;
  } */

  .bnt:hover{
    color: #67899C;
    font-weight: bolder;
  }

  .bb:hover{
    color: wheat;
    font-weight: bold;
  }
  .ll{
    color:wheat;
  }
  .ll:hover{
    color: wheat;
    font-weight: bold;
    text-decoration: none;
  }
  

  
 

  @media (min-width: 34em) {
    .card {
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
        
    }
    
}