@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700');

/* DEFAULT FOR ALL */
body, p, h6 { color: #666; }
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2.5rem; }

/* FONTS */
body, p, h6 {font-family: 'Lato', sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Cinzel', serif;}

/* STYLING */
h1 {color: #721C19; font-weight: bold; font-size: 2.5rem;}
h2 {color: #721C19; border-bottom: 1px solid #666666; font-size: 2.25rem;}
h3 {color: #721C19; font-weight: bold; font-size: 2rem;}
h4 {background: #721C19; color: white; border-radius: .2rem; padding: .1rem .4rem; font-size: 1.75rem}
h5 {color: #721C19; text-transform: uppercase; font-weight: bold; font-size: 1.5rem;}
h6 {font-weight: bold; font-size: 1.5rem;}
a { color: #721C19; text-decoration: none; font-size: 1.25rem;}

blockquote {
  color: #666666;     
  padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #d5d5d5;
  font: italic 16px/22px Georgia, Serif;
}

.readon, .button { 
  color: white; 
  background: #721C19; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
}
.readon a, .button a {color: white; }
.readon:hover, .button:hover {background: #ffba74; color: white;}



/************ TABLES  ************/
table {width: auto;}
.fancytable th {color: white; padding: 5px; background: #721C19; border: 1px solid #721C19;}
.fancytable td {padding: 5px 10px; border: 1px solid #721C19;}

.equaltable { width: 100%; display: table; table-layout: fixed;}
table.flextable, .flextable tbody, .flextable tr { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}
.equaltable td {width: 2%;}
.equaltable td, .equaltable tr, table.equaltable, .flextable td, .flextable tr, table.flextable {border: none;}
 
@media only screen and (max-width: 767px){ 
  .equaltable, .equaltable div, .flextable, .flextable div, .fancytable, .fancytable div,  .fancytable tr, .fancytable td, .equaltable, .equaltable td, .flextable, .flextable td, .flextable tbody, .flextable tr, .equaltable tbody, .equaltable tr{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
  .equaltable img { display: block; margin: 0 auto; width: 100%;}  
}