html, body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, pre, form, fieldset, p, blockquote, th, td, img, a {
margin: 0;
padding: 0;
border: 0;
}
.fancybox-container {
    animation: ease 2s;
}

/* html,
body {
  width: 80%;
  height: 80vh;
  margin: 0 auto;
  font-family: 'Times New Roman', Times, serif;
  background-color: #212121;
}  */
.fancybox-content {
    text-decoration-color: aliceblue;
    background-color: #212121f0;
    width: 60%;
}
.fancybox-bg {
    background-color: #fcfcfcdd;
}

.fancybox-active {
    height: 100%;
}


.container_form {
  width: 100%;
  background-color: #21212100;
  /* border: 1px solid #212121; */
  margin: 50px auto;
}

fieldset {
  background-color: #21212100;
  border: none;
}

.feedback-form__legend {
  padding: 10px 10px 10px 50px;
  font-size: 150%;
  font-weight: bold;
  color: aliceblue;
}

.feedback-form__group {
  margin: 5px 20px 20px 50px;
}
  
.feedback-form__data-input {
  width: 80%;
  height: 30px;
} 

.feedback-form__textarea-input {
  width: 80%;
  min-width: 80%;
  max-width: 99%;
  height: 60px;
  resize: vertical;
  min-height: 60px; 
  max-height: 250px;
}  
.ligal {
  padding-bottom: 15px;
  width: 80%;
  min-width: 80%;
  max-width: 90%;
  margin-top: 20px;
  min-height: 100px;
  max-height: 350px;
  color: rgb(255, 255, 255);
}

.feedback-form__data-input,
.feedback-form__textarea-input {
  /*width: 300px;*/
  border: 1px solid #808080;
  padding: 3px;
  display: block
}  

.feedback-form__submit-button {
  width: 100px;
}

.fancybox-close-small {
    color: aliceblue !important;
}

@media(max-width:1700px) {
    .feedback-form__legend {
       font-size: 130%;
    }
   
  }
  @media(max-width:1500px) {
    .feedback-form__legend {
       font-size: 100%;
    }
   
  }
  @media(max-width:1200px) {
    .feedback-form__legend {
       font-size: 80%;
    }
    .fancybox-content {
        width: 90%;
    }
    .feedback-form__data-input, .feedback-form__textarea-input {
        width: 80%;
    }
    .feedback-form__group {
        margin: 5px 10px 10px 20px;
      }
    .fancybox-content {
        padding: 44px 10px 44px 10px;
      }
    .feedback-form__legend {
        padding: 10px 10px 10px 20px;
     }
    }
   
  
  @media(max-width:670px) {
    .feedback-form__legend {
       font-size: 80%;
    }
    .ligal {
      padding-bottom: 15px;
  width: 100%;
  min-width: 80%;
  max-width: 98%;
  margin-top: 20px;
  min-height: 100px;
  /* max-height: 350px; */
  color: rgb(255, 255, 255);
      
    }
    .feedback-form__data-input {
      width: 98%;
    }
   .feedback-form__textarea-input {
    width: 98%;
   }
  }