<style>

div#tips {
    padding-left: 0;
    padding-right: 0;
}

div#tips p {
    width: 65%;
}

/* h2 {
    padding-left: 0;
    padding-right: 2%;
} */

hr {
    border: none;
    height: 1px;
    background-color: darkgray;
    width: 90%;
    margin: auto;
}

.ui-accordion-content {
    padding: 0 !important;
}

.eqd-accordion table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}

.eqd-accordion td {
    padding: 2% !important;
}


.eqd-accordion tr:nth-child(even) {
    background-color: #f2f2f2;
}

.col1 {
    width: 25% !important;
}

.col2 {
    width: 75% !important;
}

.dateIssued {
    white-space: nowrap;
    font-style: italic;
}

.tipDate {
    white-space: nowrap;
}

.dateRevised {
    font-weight: bold;
}

/* hide h2 title on page*/
.ms-rtestate-field>h2,
.ms-rtestate-field>div>h2,
.ms-rtestate-field>div>span {
    display: none;
}

/* hide a nbsp on page SharePoint inserts sometimes */
div#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichImageField>div {
    display: none;
}

@media only screen and (max-width: 1025px) {
    .eqd-accordion td {
        padding: 2% 4% 3% 2% !important;
    }

    div#tips p {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    div#tips #years {
        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: 95%;
    }
  }

 @media only screen and (max-width: 500px) {
   .col1 {
    width: 40% !important;
   }

   .col2 {
    width: 60% !important;
   }
 }

</style>