@media (max-width: 768px) {
   :root{
      --header-height: 102px;
   }

   .button-main{
      font-size: 14px;
      padding: 8px 18px;
   }

   .inner-header{
      padding-top: 6px;
      padding-bottom: 6px;
   }

   .logo-page{
      max-width: none;
      height: 100%;
   }

   .custom-gallery .gallery-item{
      margin-bottom: 30px;
   }
   
   .custom-gallery .gallery-item:last-child{
      margin-bottom: 0px;
   }

   .inner-footer{
      padding: 14px 15px;
   }

   .text-footer{
      font-size: 14px;
   }
   
   .error-title{
      font-size: 60px;
   }
   
   .error-subtitle{
      font-size: 16px;
   }
}

@media (max-width: 576px) {
   :root{
      --header-height: 82px;
   }

   .button-main{
      font-size: 10px;
      padding: 5px 10px;
   }

   .inner-header{
      padding-top: 6px;
      padding-bottom: 6px;
   }

   .logo-page{
      max-width: none;
      height: 100%;
   }

   .nav-item{
      margin-right: 26px;
   }

   .custom-link i{
      font-size: 0.8rem;
   }

   .title-container{
      margin-top: 40px;
      margin-bottom: 40px;
   }

   .title{
      font-size: 14px;
   }

   .custom-gallery .gallery-item{
      margin-bottom: 15px;
   }
   
   .custom-gallery .gallery-item:last-child{
      margin-bottom: 0px;
   }

   .text-contact-container{
      margin-top: 60px;
      margin-bottom: 40px;
   }

   .text-contact{
      font-size: 14px;
   }

   .text-important{
      font-size: 14px;
      margin-top: 20px;
      margin-bottom: 10px;
   }

   .text-footer{
      font-size: 12px;
   }

   .error-title{
      font-size: 50px;
   }
   
   .error-subtitle{
      font-size: 14px;
   }

   .btn-privacy-policy{
      font-size: 12px;
   }
}