* { margin: 0; padding: 0 }
body { font-family: 'CircularStd', sans-serif; background-color: #525659 }
.flex { display: flex }
.flex-col { flex-direction: column }
.flex-col-reverse { flex-direction: column-reverse }
.items-center { align-items: center }
.justify-center { justify-content: center }
.h-screen { height: 100vh }
.h-16 { height: 4rem }
.min-h-1\/2-screen { min-height: 50vh }
.py-3 { padding-top: .75rem; padding-bottom: .75rem }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem }
.p-5 { padding: 1.25rem }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem }
.px-8 { padding-left: 2rem; padding-right: 2rem }
.pt-4 { padding-top: 1rem }
.pt-5 { padding-top: 1.25rem }
.py-12 { padding-top: 3rem; padding-bottom: 3rem }
.px-12 { padding-left: 3rem; padding-right: 3rem }
.mt-2 { margin-top: 0.5rem }
.mb-4 { margin-bottom: 1rem }
.mb-5 { margin-bottom: 1.25rem }
.mt-4 { margin-top: 1rem }
.mt-5 { margin-top: 1.25rem }
.mt-8 { margin-top: 2rem }
.mx-auto { margin-left: auto; margin-right: auto }
.text-grey { color: #b8c2cc }
.text-grey-dark { color: #83807F }
.text-black { color: #22292f }
.bg-white { background-color: white }
.bg-transparent { background-color: transparent }
.text-sm { font-size: .875rem !important }
.text-white { color: white }
.max-w-lg { max-width: 50rem }
.max-w-full { max-width: 100% }
.uppercase { text-transform: uppercase }
.font-thin { font-weight: 300 }
.font-medium { font-weight: 500 }
.w-1\/2 { width: 50% }
.w-32 { width: 8rem }
.w-64 { width: 16rem }
.border { border: 1px solid currentColor }
.shadow { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) }
.focus\:outline-none:focus { outline: none }
.rounded-full { border-radius: 30px }
@media print, (min-width: 768px){
  .md\:flex-row { flex-direction: row }
  .md\:h-screen { height: 100vh }
  .md\:w-1\/2 { width: 50% }
  .md\:pl-20 { padding-left: 5rem }
}
@media only print {
  .print\:hidden { display: none }
}