/* RESET */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   background-color: #FFFFFF;
   color: #000000;
}

/* HEADER */
header {
   background-color: #5C7FB9; /* exact sampled blue */
   color: white;
   text-align: center;
   padding: 30px 0;
}

header h1 {
   font-size: 2.5em;
}

/* GOLD SECTION */
section {
   max-width: 1000px;
   margin: 0 auto;
   background-color: #F7D578; /* exact gold */
   padding: 25px 45px 40px 45px;
}

#intro {
   font-size: 0.95em;
   line-height: 1.45;
   margin-bottom: 12px;
}

#profile {
   border-top: 1px solid #C7B06A;
   padding-top: 10px;
   margin-top: 5px;
}

/* FORM TABLE */
table#profile {
   width: 100%;
   background-color: #FFFFFF;
   border: 1px solid #C7B06A;
   border-radius: 10px;
   padding: 15px 20px;
   border-collapse: separate;
   border-spacing: 0 12px;
   margin-top: 15px;
}

/* Label column */
table#profile td:first-child {
   width: 180px;
   font-size: 1em;
}

/* Inputs */
input[type="text"],
select,
textarea {
   width: 260px;
   padding: 6px;
   border-radius: 6px;
   border: 1px solid #b7b7b7;
   background-color: #FFFFFF;
}

textarea {
   width: 100%;
   height: 130px;
}

/* Bottom line */
section::after {
   content: "";
   display: block;
   width: 100%;
   border-bottom: 1px solid #C7B06A;
   margin-top: 20px;
}

/* Submit button */
#submitButton {
   padding: 6px 25px;
   font-size: 0.95em;
   margin-top: 18px;
   border-radius: 12px;
   border: 1px solid #C7B06A;
   background-color: #FFFFFF;
   cursor: pointer;
}

#submitButton:hover {
   background-color: #F2F2F2;
}

/* RESULTS PAGE */
#h2b {
   font-size: 1.3em;
   text-align: center;
   margin-bottom: 15px;
}

table#order {
   width: 80%;
   margin: 0 auto;
   border-collapse: collapse;
}

table#order th {
   background-color: #E8BF66;
   border: 1px solid #C7B06A;
   padding: 10px;
}

table#order td {
   background-color: #FFFFFF;
   border: 1px solid #C7B06A;
   padding: 10px;
}