@media(max-width:991px){
   
    .menu{
      padding: 20px;
   }

   .menu label{
      display: initial;
   }

   .menu .navbar{
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.8);
      display: none;
   }

   .menu .navbar ul li{
      width: 100%;
   }

   #menu:checked ~ .navbar{
      display: initial;
   }

   .header-content{
      padding: 30px;
   }

   .header-info h1{
      font-size: 15px;
      margin-bottom: 5px;
   }

   .header-info p{
      font-size: 12px;
   }

   .cax{
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 30px;
   }

   .cax-1{
      width: 100%;
      padding: 0;
      order: 1;
   }

   .cax-1 h2{
      font-size: 25px;
      margin-top: 15px;
      margin-bottom: 15px;
   }

   .btn-2{
      margin-bottom: 35px;
   }
 
   .cax-2{
      order: 2;
      width: 100%;
      flex-direction: column;
      align-items: center;
   }

   .img-cax-1, .img-cax-2{
      margin: 0 0 20px 0;
   }

   .footer{
      flex-direction: column;
      align-items: center;
   }

   .footer h3{
      margin-bottom: 15px;
   }

   .links ul li{
      
      margin: 0 10px;
   }




























}