table {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 500px; /* this can vary */
    width: 180%;
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0.5rem;
}

table * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

thead {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

table > tbody > tr > td {
    overflow-y: hidden;
    display: inline-block;
    padding : 4px;
}

thead > tr, tbody > tr, tfoot > tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -moz-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


th, tbody td {
    width: 100%; /* this can vary */
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    column-gap: 40px;
    text-alin: left;
    border: 1px solid #ccc;
}

.break:after {
    content:"\000A";
    white-space: pre;
}

h2 {
    text-align: center;
}

.subsRenewalBox {
  color:#525252 !important;
}
.subRenewalHeaders {
  text-align: center;
  font-size: 24px;
  font-family: Arial;
}
.subRenewalExpireStatus {
  padding:4px;
}
.subRenewalExpireDate {
  margin-top:10px;
  margin-bttom:10px;
}
.subRenewalSubHead1 {
  padding:0px 30% 0px 30%;
  font-family: Arial;
}
.subRenewalSubHead1a {
  margin-top:12px;
  padding:0px 30% 0px 30%;
  font-family: Arial;
}
.subRenewalSubHead2 {
  margin-top:20px;
  margin-bottom: 20px;
  font-family: Arial;
  padding-top:12px;
  padding-bottom:12px;
}
.subRenewalSubHead3 {
  padding:25px;
  font-weight: 600;
  margin-left: 30%;
  margin-right: 30%;
  font-family: Arial;
  font-size: 30px;
  /*color: #faba45;*/
  color:#60a628;
}
.subRenewalBold {
  font-weight:700;
  font-family: Arial;
}
.subRenewalDivider1 {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 40px;
  margin-right: 40px;
  border-bottom: 1px solid #525252;
  font-family: Arial;
}

.subRenewalDivider {
  border-top: 1px solid #8c8b8b;
  width: 50%;
  margin: 0 auto;
  padding:8px;
}
.subRenewalContact {
  color: blue !important;
  text-decoration: underline !important;
}
.subRenewalContinueTextGreen {
  color:#60a628;
}
.subRenewalContinueTextRed {
  color:red;
}
.subRenewalButton {
  background: #60a628 none repeat scroll 0 0;
  border: medium none;
  border-radius: 2px;
  color: #fff !important;
  font-family: "ProximaNova-Semibold","AkzMed","Helvetica Neue","Helvetica",Arial,sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold !important;
  padding: 10px 30px;
  height:50px;
  cursor:pointer;
}

.subRenewalButton:hover {
	background: #4C8C2B;
  text-decoration: none !important;
}

.subRenewalContinue{
  font-size: 20px;
  cursor: pointer;
}

.subRenewalContinue {
  color: blue !important;
  font-family: Arial;
}

.subRenewalContinue::after, .subRenewalContinue::before {
    color: #faba45;
}
.subRenewalContinue::before {
    content: " >>";
}
.subRenewalSubHead4 {
  font-family: Arial;
  text-align: center;
  font-size: 16px;
  padding: 8px;
  margin-top:30px;
}
.subRenewalQuestion {
  font-family: Arial;
  text-align: center;
  font-size: 16px;
  padding: 4px;
}