.div-row {
  display: flex;
  flex-wrap: wrap;
}

.col-div {
  margin: 10px;
}

.input-container {
  border: 1px solid grey;
  padding: 4px 8px;
  border-radius: 4px;
}

.submit-btn {
  width: 100%;
  height: 45px;
  padding: 6px 0px;
  border: none;
  outline: none;
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.25s
}

input {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  border: none;
  outline: none;
  width: 100%;
}
::placeholder {
  color: #999;
}
textarea {
  font-family: 'Raleway', sans-serif;
  resize: none;
  font-size: 16px;
  border: none;
  outline: none;
  width: 100%;
}

@media (max-width: 767px) {
  .cxs-0 {
    display: none;
    width: 0%;
  }
  .cxs-1 {
    width: 4.16667%;
  }
  .cxs-2 {
    width: 8.33333%;
  }
  .cxs-3 {
    width: 12.5%;
  }
  .cxs-4 {
    width: 16.66667%;
  }
  .cxs-5 {
    width: 20.83333%;
  }
  .cxs-6 {
    width: 25%;
  }
  .cxs-7 {
    width: 29.16667%;
  }
  .cxs-8 {
    width: 33.33333%;
  }
  .cxs-9 {
    width: 37.5%;
  }
  .cxs-10 {
    width: 41.66667%;
  }
  .cxs-11 {
    width: 45.83333%;
  }
  .cxs-12 {
    width: 50%;
  }
  .cxs-13 {
    width: 54.16667%;
  }
  .cxs-14 {
    width: 58.33333%;
  }
  .cxs-15 {
    width: 62.5%;
  }
  .cxs-16 {
    width: 66.66667%;
  }
  .cxs-17 {
    width: 70.83333%;
  }
  .cxs-18 {
    width: 75%;
  }
  .cxs-19 {
    width: 79.16667%;
  }
  .cxs-21 {
    width: 87.5%;
  }
  .cxs-22 {
    width: 91.66667%;
  }
  .cxs-23 {
    width: 95.83333%;
  }
  .cxs-24 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .csm-1 {
    width: 4.16667%;
  }
  .csm-2 {
    width: 8.33333%;
  }
  .csm-3 {
    width: 12.5%;
  }
  .csm-4 {
    width: 16.66667%;
  }
  .csm-5 {
    width: 20.83333%;
  }
  .csm-6 {
    width: 25%;
  }
  .csm-7 {
    width: 29.16667%;
  }
  .csm-8 {
    width: 33.33333%;
  }
  .csm-9 {
    width: 37.5%;
  }
  .csm-10 {
    width: 41.66667%;
  }
  .csm-11 {
    width: 45.83333%;
  }
  .csm-12 {
    width: 50%;
  }
  .csm-13 {
    width: 54.16667%;
  }
  .csm-14 {
    width: 58.33333%;
  }
  .csm-15 {
    width: 62.5%;
  }
  .csm-16 {
    width: 66.66667%;
  }
  .csm-17 {
    width: 70.83333%;
  }
  .csm-18 {
    width: 75%;
  }
  .csm-19 {
    width: 79.16667%;
  }
  .csm-20 {
    width: 83.33333%;
  }
  .csm-21 {
    width: 87.5%;
  }
  .csm-22 {
    width: 91.66667%;
  }
  .csm-24 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .cmd-0 {
    display: none;
    width: 0%;
  }
  .cmd-1 {
    width: 4.16667%;
  }
  .cmd-2 {
    width: 8.33333%;
  }
  .cmd-3 {
    width: 12.5%;
  }
  .cmd-4 {
    width: 16.66667%;
  }
  .cmd-5 {
    width: 20.83333%;
  }
  .cmd-6 {
    width: 25%;
  }
  .cmd-7 {
    width: 29.16667%;
  }
  .cmd-8 {
    width: 33.33333%;
  }
  .cmd-9 {
    width: 37.5%;
  }
  .cmd-10 {
    width: 41.66667%;
  }
  .cmd-11 {
    width: 45.83333%;
  }
  .cmd-12 {
    width: 50%;
  }
  .cmd-13 {
    width: 54.16667%;
  }
  .cmd-14 {
    width: 58.33333%;
  }
  .cmd-15 {
    width: 62.5%;
  }
  .cmd-16 {
    width: 66.66667%;
  }
  .cmd-17 {
    width: 70.83333%;
  }
  .cmd-18 {
    width: 75%;
  }
  .cmd-19 {
    width: 79.16667%;
  }
  .cmd-20 {
    width: 83.33333%;
  }
  .cmd-21 {
    width: 87.5%;
  }
  .cmd-22 {
    width: 91.66667%;
  }
  .cmd-23 {
    width: 95.83333%;
  }
  .cmd-24 {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .clg-0 {
    display: none;
    width: 0%;
  }
  .clg-1 {
    width: 4.16667%;
  }
  .clg-2 {
    width: 8.33333%;
  }
  .clg-3 {
    width: 12.5%;
  }
  .clg-4 {
    width: 16.66667%;
  }
  .clg-5 {
    width: 20.83333%;
  }
  .clg-6 {
    width: 25%;
  }
  .clg-7 {
    width: 29.16667%;
  }
  .clg-8 {
    width: 33.33333%;
  }
  .clg-9 {
    width: 37.5%;
  }
  .clg-10 {
    width: 41.66667%;
  }
  .clg-11 {
    width: 45.83333%;
  }
  .clg-12 {
    width: 50%;
  }
  .clg-13 {
    width: 54.16667%;
  }
  .clg-14 {
    width: 58.33333%;
  }
  .clg-15 {
    width: 62.5%;
  }
  .clg-16 {
    width: 66.66667%;
  }
  .clg-17 {
    width: 70.83333%;
  }
  .clg-18 {
    width: 75%;
  }
  .clg-19 {
    width: 79.16667%;
  }
  .clg-20 {
    width: 83.33333%;
  }
  .clg-21 {
    width: 87.5%;
  }
  .clg-22 {
    width: 91.66667%;
  }
  .clg-23 {
    width: 95.83333%;
  }
  .clg-24 {
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .cxl-0 {
    display: none;
    width: 0%;
  }
  .cxl-1 {
    width: 4.16667%;
  }
  .cxl-2 {
    width: 8.33333%;
  }
  .cxl-3 {
    width: 12.5%;
  }
  .cxl-4 {
    width: 16.66667%;
  }
  .cxl-5 {
    width: 20.83333%;
  }
  .cxl-6 {
    width: 25%;
  }
  .cxl-7 {
    width: 29.16667%;
  }
  .cxl-8 {
    width: 33.33333%;
  }
  .cxl-9 {
    width: 37.5%;
  }
  .cxl-10 {
    width: 41.66667%;
  }
  .cxl-11 {
    width: 45.83333%;
  }
  .cxl-12 {
    width: 50%;
  }
  .cxl-13 {
    width: 54.16667%;
  }
  .cxl-14 {
    width: 58.33333%;
  }
  .cxl-15 {
    width: 62.5%;
  }
  .cxl-16 {
    width: 66.66667%;
  }
  .cxl-17 {
    width: 70.83333%;
  }
  .cxl-18 {
    width: 75%;
  }
  .cxl-19 {
    width: 79.16667%;
  }
  .cxl-20 {
    width: 83.33333%;
  }
  .cxl-21 {
    width: 87.5%;
  }
  .cxl-22 {
    width: 91.66667%;
  }
  .cxl-23 {
    width: 95.83333%;
  }
}