/* CSS Document */

#contact { margin-right: auto; margin-left: auto; margin-top: 40px; }
#contact p { font-size: 12px; margin-bottom: 10px; }
#mailAddress { font-size: 30px; margin-bottom: 30px; line-height: 30px; }
#mailAddress a { color: #44b97c; }
#contact .inner { width: 880px; margin-right: auto; margin-left: auto; }
#formWrap { /* background-color: #D8D8D8; */ padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
#formWrap tr {border-bottom: 1px solid #ddd; display: block; padding: 10px 0px;}
#formWrap td { padding: 5px; font-size: 14px; }
#formWrap th { text-align: left; background-image: url(images/arrow1.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 17px; font-size: 13px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; width: 160px; }
#btnSend { text-align: center; margin-top: 20px; }
#thanks table {  }
#thanksMsg { font-size: 20px; color: #600; margin-bottom: 20px; }

#contact h3.title { /* background: #eee; */ border-top: #5A4E4E 1px solid; border-bottom: #5A4E4E 1px solid; font-size: 14px; line-height: 36px; font-weight: bold; padding-left: 8px; margin-bottom: 5px; }

@media (min-width: 769px) {
    #contact { width: 900px;}
    #formWrap { }
    #thanks table { width: 900px; }
    #contact .inner { width: 880px; }

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

    #formWrap table { width: 100%; }
    #formWrap th, #formWrap td { width: 100%; display: block;}
    #formWrap td input[type="text"],#formWrap td textarea { width: 95% !important; }
    #contact .inner { width: 100%; }
    #thanks table { width: 100%; }
  }