<style>

div#tips {
    padding-left: 0;
    padding-right: 0;
}

div#tips p {
    width: 65%;
}

h2 {
    padding-left: 0;
}

hr {
    border: none;
    height: 1px;
    background-color: darkgray;
    width: 90%;
    margin: auto;
}

.ui-accordion-content {
    padding: 0 !important;
}

#accordion_forms table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}

#accordion_forms td {
    padding: 2% !important;
}

.col1 {
    width: 25% !important;
}

.col2 {
    width: 75% !important;
}

.dateIssued {
    white-space: nowrap;
    font-style: italic;
}

.tipDate {
    white-space: nowrap;
}

.dateRevised {
    font-weight: bold;
}

@media only screen and (max-width: 1025px) {
    #accordion_forms td {
        padding: 2% 4% 3% 2% !important;
    }

    div#tips {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    h2 {
        padding-left: 2% !important;
    }
  }

  @media only screen and (min-width: 501px) and (max-width: 765px) {
    .col1 {
     width: 30% !important;
    }
 
    .col2 {
     width: 70% !important;
    }
  }

  @media only screen and (max-width: 765px) {
    div#tips p {
        width: 100%;
    }
  }

 @media only screen and (max-width: 500px) {
   .col1 {
    width: 40% !important;
   }

   .col2 {
    width: 60% !important;
   }
 }

</style>