article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
  height: fluid
}

:root {
   --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; "trebuchet ms"
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


html {
    height:fluid;
    background:#FFFFFF
   }


body
    { width: normal;
      font: normal 16px "Nunito", arial, sans-serif;
      background-color: #F6F6F6;
      color: #858796;
      padding:.1em;
      align: center
    }
div
    { background-color = #FFF
    }

.rc_body {
  background-color:#A80000;
}


.rc_span {}
.rc_div {
     margin: 0rem;
     background-color: #FFF;
}

.rc_card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #eaecf4;
  margin:.2rem .2rem .2rem .2rem;
  padding: .3em;
  background-clip: border-box;
  border-radius: 0.35rem;
}

.rc_card_2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  margin:.2rem .2rem .2rem .2rem;
  padding: .3em;
  background-clip: border-box;
  border-radius: 0.35rem;
}



.rc_p
    {
        margin: 0% 0 3% 0%;
    }


.rc_h1, .rc_h2, .rc_h3, .rc_h4, .rc_h5, .rc_h6
    {
	font:normal;
        color:#A80000
    }
    

.rc_h1
    {
        font:normal 160% 'century gothic bold', arial, sans-serif !important;
        font-weight:;
        padding: 0 0 0 0;
        font-variant: small-caps;
    }

.rc_h2
    {
        font: normal 140% 'Segoe UI', arial, san-serif !important;
        margin: 0 !important;
        padding: 0 0 0 0 !important;
    }

.rc_h3
    {
        font: normal 130% 'Segoe UI', arial, san-serif !important;
        margin: .5em 0 .2em 0;
        }

.rc_h4,
    {
        font: normal 120% 'Segoe UI', arial, san-serif !important;
        margin: 0;
        padding: 0 0 0 0
    }

 .rc_h5, .rc_h6
    {
        font: normal 110% 'Segoe UI', arial, san-serif !important;
        margin: 0;
        padding: 0 0 0 0
    }

/*!
 * Small screen body settings
 */

    @media only screen and (max-width: 600px) {
  body
    { width: normal;
      font: normal 12px "Nunito", arial, sans-serif;
       color: #858796;
      padding:.3em;
      align: center
    }


.rc_h1
    {
        font:normal 130% 'century gothic bold', arial, sans-serif !important;
        font-weight:;
        padding: 0 0 0 0;
        font-variant: small-caps;
    }

.rc_h2
    {
        font: normal 120% 'Segoe UI', arial, san-serif !important;
        margin: 0 !important;
        padding: 0 0 0 0 !important;
    }

.rc_h3
    {
        font: normal 115% 'Segoe UI', arial, san-serif !important;
        margin: .5em 0 .2em 0;
        }

.rc_h4, .rc_h5, .rc_h6
    {
        font: normal 110% 'Segoe UI', arial, san-serif !important;
        margin: 0;
        padding: 0 0 0 0
    }

}
/*!
 * End small screen headings
 */





.rc_a {
    color: #24304C !important;
    background-color: transparent;
     }




.rc_a .rc_a:hover {
    color: #506CAA !important;
    text-decoration: underline !important;
}

.rc_a_button{
    color: #F3F3F3 !important;
    text-decoration: none !important;
    background-color: #0A4D7D;
     }

.rc_a_button:hover {
    color: #EEEEEE !important;
    text-decoration: underline !important;
}


.rc_ul
    { margin: 0 0 2% 7%;
        padding: 0;
    }

.rc_li
    { list-style-type: circle;}

.rc_ol
    { margin: 2px 0 16px 20px;}

.rc_li
    { margin: 0 0 11px 0;}

.rc_table {
        width: 98%;
        align: right;
    }

.rc_table .rc_tr, .rc_th, .rc_td {
        padding-right:1em;
        width: cover;
        text-align: center;
        background: transparent;
        align: right;
    }


@media only screen and (max-width: 600px) {
.rc_table {
        width: 98%;
        align: right;
        font-size: 60%;
    }

.rc_table .rc_tr, .rc_th, .rc_td {
        padding-right:.5em;
        width: float;
        font-size: small;
        text-align: center;
        background: transparent;
        align: right;
    }
}
/* TL: 11.7.21 -- add button class */
.rc_button {
    display:inline-block;
    width: auto;
    padding:.2em .6em .3em .6em;
    text-align: center;
    font-size: 100%;
    font-weight: normal;
    color: #EEEEEE !important;
    background: #A80000;
    text-align: center;
    border: solid #F2F2F2 .1em;
    border-radius: .5rem;
    text-decoration: none;
   }

.rc-button:hover {
    background: #A80000;
    text-decoration: underline
    }

.rc_button_hibernate {
    display:inline-block;
    width: auto;
    padding:.1em .4em .1em .4em;
    text-align: center;
    font-size: 90%;
    font-weight: normal;
    color: #EEEEEE !important;
    background: #5a5c69;
    text-align: center;
    border: solid #F2F2F2 .1em;
    border-radius: .1rem;
    text-decoration: none;
   }