.tb-cell {
   display: table;
    width: 95%;
    margin: auto;
    text-align: left;
 }
 .tb-cell .row {
   display: table-row;
   max-width: 100%;
   width: 600px;
 }
 .tb-cell .row .cell {
   display: table-cell;
   border: 1px solid #ddd;
   padding: 10px;
   vertical-align: middle;
   color: #fff;
 }
 .tb-cell .row .cell:nth-child(odd) {
   max-width: 100%;
   width: 600px;
 }
 .tb-cell .row .cell:nth-child(even) {
   width: 200px;
 }
 .mail-form .row .cell {
   padding: 15px;
 }
 .mail-form .row .cell:nth-child(1) {
   border: none;
 }
 .mail-form .row .cell:nth-child(2) {
   background: #ccc;
 }
 input[type="text"],
 input[type="email"],
 input[type="tel"] {
   height: 30px;
   font-size: 16px;
   border: 1px solid #d2d2d2;
 }
 textarea {
   height: 130px;
   font-size: 16px;
   border: 1px solid #ddd;
 }
 button {    border: none;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    width: 200px;
    color: #fff;
    background: #c60030;
    letter-spacing: 3px;
    font-family: serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    transition: 0.3s;
 }
 button[type="button"] {
   margin-left: 10px;
 }
 button[type="button"],
 button[type="submit"] {
   /* background: #66FF66; */
 }
 button[type="reset"] {
   background: #CCCCCC;
   width: 45%;
   margin: 0 2%;
 }
 button[type="button"]:hover,
 button[type="submit"]:hover {
   background: #5d5d5d;
   width: 200px;transition: 0.3s;
 }
 button[type="reset"]:hover {
   text-decoration: underline;
 }
 .msg {
   margin: 50px 0;
   font-weight: bold;
 }
 @media (min-width: 768px) {
 .tb-cell {
   width: 600px;
 }
 .tb-cell .row {
   display: table-row;
 }
 .tb-cell .row .cell {
   display: table-cell;
   border: 1px solid #F5F5DC;
   padding: 10px;
   vertical-align: middle;
    color: #6f6f6f;
 }
 .tb-cell .row .cell:nth-child(odd) {
   width: 590px;
    border-bottom: solid 1px #DDD;
    max-width: 100%;
    padding: 30px 0px;
 }.tb-cell .row .cell.last:nth-child(odd) {
    width: 590px;
    border-bottom: unset;
    max-width: 100%;
    padding: 30px 0px;
}
 .tb-cell .row .cell:nth-child(even) {
   width: 300px;
 }
 input[type="text"],
 input[type="email"],
 input[type="tel"]{
   width: 99%;
   margin-right: 5px;
   border: 1px solid #d2d2d2;
 }
 textarea {
   width: 99%;
   border: none;
   border: 1px solid #d2d2d2;
 }
 /* ** */}

.contact-top{width: 600px;
    margin: auto;
    text-align: center;
    padding-top: 50px;}
.c-title{font-size: 30px;
font-family: serif;font-weight: 600;}
.c-text{padding: 30px 0;
    letter-spacing: 2px;
    font-family: sans-serif;
  font-size: 14px;}

  @media (max-width:768px){
    .contact-top {
       width: 100%;
   }.tb-cell .row .cell {
    color: #545454;
}input[type="text"], input[type="email"], input[type="tel"] {
    height: 30px;
    font-size: 16px;
    border: 1px solid #d2d2d2;
    width: 100%;
}
textarea{
    width: 100%;
}
  }