body {
  padding-top: 200px
}

#logo img {
  width: 15rem
}

.navbar {
  padding: 10px 0;
}

.hayt-contact {
  display: flex;
  border: 1px solid black;
  margin: 5rem 0;
}

.hayt-contact-col {
  padding: 2rem 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.hayt-contact-col--1 {
  border-right: 1px solid black;
}

.hayt-office-title {
  text-decoration: underline;
  font-weight: bold;
}

.m-details > p:nth-child(1) {
  font-size: 0;
}

.m-details > p:nth-child(1)::after {
  content: 'You are accessing the Hayt, Hayt & Landau, P.L. portal with your online account.';
  font-size: 1rem;
}

/* #recurring_payment p.mx-2:nth-child(3)::after {
  content: ' To stop recurring payments, go to the Account Overview page.';
} */

/* comment this */
/* #accounts-header div.col:nth-child(1) > h1:nth-child(1) {
   font-size: 0;
} */

/* comment this */
/* #accounts-header div.col:nth-child(1) > h1:nth-child(1)::after {
  content: 'Account Overview';
  font-size: 1.75rem;
} */

/* #overview-link > a:nth-child(1) {
  font-size: 0;
}

#overview-link > a:nth-child(1)::after {
  content: 'Account Overview';
  font-size: 1rem;
} */

/* #overview-link-footer > a:nth-child(1) {
  font-size: 0;
}

#overview-link-footer > a:nth-child(1)::after {
  content: 'Account Overview';
  font-size: 1rem;
} */

#settings-form #email_preferences.m-healpay-settings-group p {
  font-size: 1rem;
}

/*
#settings-form #email_preferences.m-healpay-settings-group p::after {
  content: ' In order to opt-out of payment reminders you must delete your online account and make payment(s) by another method.';
  font-size: 1rem;
}
*/

/* Comment this */
/* #delete-account.mt-5 h2.small-header-size {  
  font-size: 0;
} */

/* Comment this */
/* #delete-account.mt-5 h2.small-header-size:after {
  content: 'Delete Your Online Account';
  font-size: 1.5rem;
} */

/* Comment this */
/* #delete-account > p:nth-child(2) {
  font-size: 0;
} */

/* Comment this */
/* #delete-account > p:nth-child(2)::after {
  font-size: 1rem;
  content: 'Your online account is used to help manage your payments on Hayt, Hayt & Landau, P.L. file(s). Deleting your online account will not affect your relationship with Hayt, Hayt & Landau, P.L..'
} */


/* #link-account a.btn {
  font-size: 0;
  padding-right: 5px;
}

#link-account a.btn::before {
  content: 'link another HHL file number';
  font-size: 14px;
} */

#footer-text {
  font-size: 16px;
}

#linked-phone-numbers {
  display: none;
}

#recurring-installment-information::after {
  content: '  This will also be your final payment amount.';
  font-size: 16px;
}

/* #delete-account-modal > div:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(3) > p:nth-child(2) {
    font-size: 0;
} */

/* #delete-account-modal > div:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(3) > p:nth-child(2)::after {
    content: 'Please note that deleting your online account will not cancel existing recurring payments. After deletion, you will no longer be able to manage any recurring payments configured in this system and will have to contact the merchant directly.';    
    font-size: 1rem;
    line-height: 1.1;
}
 */

/* Comment this */
/* #delete-account-modal > div:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(3) > p:nth-child(3) {
  font-size: 0;
} */

/* Comment this */
/* #delete-account-modal > div:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(3) > p:nth-child(3)::after {
  content: 'Please fill in your password to confirm online account deletion:';
  font-size: 1rem;
} */

#contact-container {
  display: flex;
  flex-direction: column;
}

#contact-content {
  order: 1;
}

#contact-container > div:nth-child(3) {
  padding: 20px;
  order: 0;
}

#contact-container div:last-of-type {
  order: 2
}

#contact-container.paper div.mt-4 a.btn.btn-success {
  position: relative;
  top: -620px;
  left: -20px;
}

#transaction_receipt #invoice_number {
    display: none;
}

#pay-form .alert-info p.text-center {
  display: none;
}

@media only screen and (max-width: 768px) {
  
  .hayt-contact {
    flex-direction: column;
  }
  
  .hayt-contact-col--1 {
    border-bottom: 1px solid black;
    border-right: 0;
  }
  
  #contact-container.paper div.mt-4 a.btn.btn-success {
    position: relative;
    top: -1050px;
    left: -20px;
  }
}

@media only screen and (max-width: 370px) {
  
  #contact-container.paper div.mt-4 a.btn.btn-success {
    position: relative;
    top: -1080px;
    left: -20px;
  }
}