/* button css start  */
a.gold {
 padding: 10px 0px;
 border: 2px solid #ffb0b066;
 border-radius: 10px;
 background: linear-gradient(to right, #b6722c 0, #d09c28 45%, #ba782c 100%);
 border-top: 1px solid #04040485;
 border-bottom: 1px solid #04040485;
 border-left: 4px solid #040404ab;
 color: #000;
 width: 100%;
 font-size: 15px;
}

@media(max-width:768px) {
}

@media(max-width:768px) {
 .catbtn {
     font-size: 12px
 }
}

/* button css end  */1    </style>
<style>
        
/* contact css start  */

@media screen and (max-width: 500px) {
  .contact_area {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.contact_label {
  color: #e1e1e1;
}

input[type=text],
 textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical
 }
 
 input[type=submit] {
  background-color: #4caf50;
  color: #fff;
  padding: 12px 20px;
  border: none;
  cursor: pointer
 }
 
 input[type=submit]:hover {
  background-color: #45a049
 }
 
 
 @media screen and (max-width:600px) {
 
  input[type=submit] {
   width: 100%;
   margin-top: 0
  }
 }

 #application h3 {
  color: #ebb75f;
  font-size: 1.3rem;
  letter-spacing: 1px;
  text-transform: uppercase
 }
 
 #application .form-control {
  background: 0 0;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: #2e2e2e 1px solid;
  padding: 1rem;
  border-radius: 0;
  color: #fff;
  height: auto;
  margin-bottom: 2rem
 }
 
 #application .form-control:focus {
  outline: 0;
  box-shadow: none;
  border-color: #ebb75f
 }

 /* contact css end  */


/* do not group these rules */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #fbfafa !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ffffff !important;
}