* { font-family: Arial, Helvetica, sans-serif }
.col { color: #222 }
img { margin: auto  }
img.svg { min-width: 32px; min-height: 32px }
td { vertical-align: middle; padding: 16px }
.home-icon { width: 48px; height: 48px }
.home-link:hover { color: #06c }
.pad { padding: 2% 2%; color: #222 }
figure { padding: 0px; margin: 0px; }
.center { text-align: center }
.right { text-align: right }
.left { text-align: left }
.middle { vertical-align: middle }
h3 { font-size: 20px; color: #333  }
p, ul { font-size: 17px; text-align: left }
.img-pad { padding: 4%; transition: width 1.5s ease }
.img-pad:hover { width: 100%; cursor: zoom-in }
@media all and (min-width: 640px) {
  .img-pad { width: 60% }
}
@media all and (min-width:320px) and (max-width: 640px) {
  .img-pad { width: 80% }
}
@media all and (max-width: 320px) {
  .col { padding: 0px 4%; }
  form { padding: 8px 0px }
  .phone-number { font-size: 28px; font-weight: bold }
  .img-pad { width: 100% }
}