.content-area {
  width: 100%;
  margin-top: -25px;
}

@media screen and (max-width: 1400px) {
  form {
    width: 100%;
  }

  /* .content-area {
        width: 90%;
    } */
}

@media screen and (max-width: 1200px) {
  form {
    width: 100%;
  }

  /* .content-area {
        width: 95%;
    } */
}

@media screen and (max-width: 768px) {
  form {
    width: 100%;
  }

  /* .content-area {
        width: 90%;
    } */

  .edit-user label {
    text-align: left !important;
  }
}

@media screen and (max-width: 880px) {
  div#dashboardPortalText {
    font-size: 40pt;
  }
}

@media screen and (max-width: 795px) {
  div#dashboardPortalText {
    font-size: 30pt;
  }
}

@media screen and (max-width: 635px) {
  div#dashboardPortalText {
    font-size: 20pt;
  }
}

@media screen and (max-width: 485px) {
  div#dashboardPortalText {
    display: none;
  }
}

@media screen and (min-width: 576px) {
  .card-deck {
    display: flex;
  }

  .card-deck.card,
  .dashSection.card {
    flex: 100%;
  }
}

@media (min-width: 576px) {
  .card-deck {
      margin-right: -18px;
      margin-left: -18px;
  }
}

@media screen and (min-width: 880px) {
  .card-deck {
    display: flex;
  }

  .card-deck.card,
  .dashSection.card {
    flex: 40%;
  }
}

@media screen and (max-width: 1469px) {
  .dashSection.card {
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 1200px) {
  .nav-item > a.nav-link {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 1470px) {
  .card-deck {
    display: flex;
  }

  .card-deck.card,
  .dashSection.card {
    flex: 20%;
  }
}

@media only screen and (max-width: 1024px) {
  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }

  table tbody tr.odd {
    background-color: #fff;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    background-color: #fff;
  }

  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    min-height: 34px !important;
  }

  tr:nth-of-type(odd) {
    background: #fff;
  }

  td:nth-of-type(even) {
    background: #f9f9f9;
  }
}