<style type="text/css">

figcaption {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/* Create two equal columns that floats next to each other */
.column-ce {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 10px;
}

/* Clear floats after the columns */
.row-ce:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 991px) {
  .column-ce {
    width: 100%;
  }
}

/* Color Columns, four across */
/* Container for flexboxes */
.color-row {
  display: flex;
  flex-wrap: wrap;
}

/* Create four equal columns */
.color-column {
  text-align: center;
  background-color:#f5f5f5;
  box-sizing: border-box;
  flex: 24%;
  padding: 15px;
  margin: 0.15%;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  .color-column {
    flex: 48%;
  }
}
/* On screens that are 767px wide or less, go from four columns to one column */
@media screen and (max-width: 767px) {
  .color-column {
    flex: 100%;
  }
}
.tdy-btn {
    appearance: none;
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #0076c0 !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #0076c0 !important;
    background-color: #ffffff !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.tdy-btn a {
}

a.tdy-btn:hover {
    color :#ffffff !important; 
    background-color: #0076c0 !important; 
    border: 2px solid #0076c0 !important;
}

@media screen and (min-width: 768px) {
.tdy-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}

/* COLOR BUTTONS */
.orange-btn {
    display: inline-block; 
    margin: 1rem 1rem 1rem 0.1rem;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    border: 2px solid #ffffff;
    border-radius: 5px;
    background-color: #b36200;
    min-width: 130px;
    padding: 10px 18px ; 
}

.orange-btn a {
}

a.orange-btn:hover {
    color :#b36200 !important; 
    background-color: #ffffff; 
    border: 2px solid #b36200;
}

@media screen and (min-width: 768px) {
.orange-btn {
    font-size: 18px;
    padding: 12px 16px;
    line-height: 28px;
 }
}
/* ------------------------------ */
.purple-btn {
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px;
    background-color: #6d3075 !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.purple-btn a {
}

a.purple-btn:hover {
    color :#6d3075 !important; 
    background-color: #ffffff !important; 
    border: 2px solid #6d3075 !important;
}

@media screen and (min-width: 768px) {
.purple-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}

/* ------------------------------ */
.red-btn {
    appearance: none;
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px;
    background-color: #8B0000 !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.red-btn a {
}

a.red-btn:hover {
    color :#8B0000 !important; 
    background-color: #ffffff !important; 
    border: 2px solid #8B0000 !important;
}

@media screen and (min-width: 768px) {
.red-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}

/* ------------------------------ */
.blue-btn {
    appearance: none;
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px;
    background-color: #00008B !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.blue-btn a {
}

a.blue-btn:hover {
    color :#00008B !important; 
    background-color: #ffffff !important; 
    border: 2px solid #00008B !important;
}

@media screen and (min-width: 768px) {
.blue-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}

/* ------------------------------ */
.darkgreen-btn {
    appearance: none;
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px;
    background-color: #006400 !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.darkgreen-btn a {
}

a.darkgreen-btn:hover {
    color :#006400 !important; 
    background-color: #ffffff !important; 
    border: 2px solid #006400 !important;
}

@media screen and (min-width: 768px) {
.darkgreen-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}

/* ------------------------------ */
.teal-btn {
    appearance: none;
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px;
    background-color: #008080 !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.teal-btn a {
}

a.teal-btn:hover {
    color :#008080 !important; 
    background-color: #ffffff !important; 
    border: 2px solid #008080 !important;
}

@media screen and (min-width: 768px) {
.teal-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}

/* ------------------------------ */
.green-btn {
    appearance: none;
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px;
    background-color: #008000 !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.green-btn a {
}

a.green-btn:hover {
    color :#008000 !important; 
    background-color: #ffffff !important; 
    border: 2px solid #008000 !important;
}

@media screen and (min-width: 768px) {
.green-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}

/* ------------------------------ */
.yellow-btn {
    appearance: none;
    display: inline-block !important; 
    margin: 1rem 1rem 1rem 0.2rem !important;  
    color: #ffffff !important;
    font-family: Roboto;
    text-align: center !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    border: 2px solid #ffffff !important;
    border-radius: 5px;
    background-color: #958b0d !important;
    min-width: 130px !important;
    padding: 10px 18px  !important; 
}

.yellow-btn a {
}

a.yellow-btn:hover {
    color :#958b0d !important; 
    background-color: #ffffff !important; 
    border: 2px solid #958b0d !important;
}

@media screen and (min-width: 768px) {
.yellow-btn {
    font-size: 18px !important;
    padding: 12px 16px;
    line-height: 28px !important;
 }
}
/* END COLOR BUTTONS */
</style>