﻿pre {
  overflow-x: scroll;
  padding: 1em;
}

.grid-container {
  max-width: 100%;
}

.grid-container.usa-section {
  background-image: url(../assets/img/background-img.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-row.flex-justify-center {
  max-width: 90%;
  margin: 0 auto;
  border-radius: 25px;
  margin-bottom: 25px;
}

.iir-logo img {
  width: 55%;
  margin-left: 25px;
}

.usa-header--basic .usa-nav-container {
  align-items: center;
}

.usa-nav__link {
  font-size: 1.5rem;
  color: #272754 !important;
}

.usa-accordion__button, .usa-nav__link {
  font-size: 1.5rem !important;
  color: #162E51 !important;
}

.usa-nav__primary button[aria-expanded=true] {
  background: #162E51;
  color: #fff !important;
}

.usa-logo img {
  margin-left: 25px;
  width: 55%;
}

.employee-login {
  border-radius: 25px;
  background: #2D2D2D;
  width: 90%;
  margin: 0 auto;
  border: none;
}

.usa-button--outline {
  color: #fff !important;
  box-shadow: inset 0 0 0 2px #fff;
}

.usa-button--outline:hover {
  color: #2D2D2D !important;
  background: #fff;
}

.usa-footer, .usa-footer__primary-section, .usa-footer__secondary-section {
  background: #2D2D2D;
}

.usa-footer__primary-section {
  display: none;
}

.usa-footer__logo-heading {
  font-size: 1.2rem;
}

.usa-footer__return-to-top a {
  color: #fff;
  text-decoration: none;
}

.usa-footer__return-to-top a:visited {
  color: #fff;
}

.usa-button-group {
  flex-direction: row;
  justify-content: space-between;
}

.usa-button-group__item:active {
  background: #00A1AC;
}

.desktop\:grid-col-4 {
  max-width: 20%;
}

.usa-card--flag .usa-card__media {
  position: relative;
}

.usa-card--flag .usa-card__body, .usa-card--flag .usa-card__footer, .usa-card--flag .usa-card__header {
  margin-left: 0;
}

.usa-card-group {
  justify-content: space-between;
}

.usa-card__header h2 {
  color: #005F89;
}

.usa-card__footer .usa-button {
  width: 100%;
}

.usa-card--flag .usa-card__media {
  width: 100%;
  min-height: 30%;
  display: block;
}

.usa-collection:last-child {
  margin-bottom: 3rem;
}

.list-item {
  max-width: 80%;
  margin: 0 auto;
  padding: 4rem 0;
  align-items: center;
  border-width: 2px;
  border-color: #dfe1e2;
  border-style: solid;
  padding: 2.2rem;
  border-radius: 0.5rem;
}

.usa-collection__img {
  width: 14%;
}

.usa-collection__heading .usa-link, usa-collection__heading .usa-link:visited {
  color: #005F89;
  text-decoration: none;
  font-size: 1.5rem;
}

.usa-collection__body .usa-button {
  width: 100%;
  margin-top: 1rem;
}

.usa-footer > .grid-container {
  max-width: 100%;
}

.usa-nav-container {
  max-width: 100%;
}

.usa-form--large {
  max-width: 90%;
}

.usa-prose > p {
  max-width: 100%;
}

.usa-prose > table {
  max-width: 100%;
}

.view-dash {
  margin-top: 1rem;
}

@media all and (min-width: 64em) {
  .usa-layout-docs__sidenav {
    max-width: 15rem;
  }
}
@media (max-width: 1600px) {
  .grid-row.flex-justify-center {
    display: block;
    margin: 0 auto;
  }
  .grid-row.flex-justify-center .grid-col-12 {
    margin: 0 auto;
  }
  .desktop\:grid-col-6 {
    width: 60%;
  }
  .employee-login {
    margin-top: 1.2rem;
  }
  .desktop\:grid-col-4 {
    max-width: 25%;
  }
}
@media (max-width: 1280px) {
  .desktop\:grid-col-4 {
    max-width: 33.333333%;
  }
  .usa-collection__img {
    width: 20%;
  }
  .usa-logo img {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .desktop\:grid-col-6 {
    width: 75%;
  }
}
@media (max-width: 1020px) {
  .usa-navbar {
    height: 5rem;
  }
  .usa-logo img {
    width: 20%;
  }
}
@media (max-width: 810px) {
  .desktop\:grid-col-4 {
    max-width: 50%;
  }
  .usa-collection__body .usa-button {
    width: 40%;
  }
}
@media (max-width: 748px) {
  .usa-logo img {
    width: 50%;
    margin-left: 5px;
  }
  .desktop\:grid-col-6, .employee-login {
    width: 100%;
  }
  .grid-row.flex-justify-center {
    max-width: 100%;
  }
  .usa-footer__logo-heading {
    font-size: 0.8rem;
  }
  .usa-footer__logo-img {
    display: none;
  }
  .desktop\:grid-col-4 {
    max-width: 90%;
    margin: 2.5rem auto;
  }
  .usa-button-group__item {
    margin: 0 auto;
  }
  .card-btn {
    margin-bottom: 10px;
  }
  .usa-collection__body .usa-button {
    width: 95%;
  }
  .usa-button-group {
    flex-direction: column;
  }
}
