.flex-slide{display:flex}
.column {display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 2;
}

.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 2;
}



h1, h2, h3, h4, h5, h6, p {color:white;}




.line.focus{background:none;font-size: xx-large;color: #5cc4ea;}
.reveal ul{ margin:0 !important;}

/* .present {} */

.flex-slide p.fragment{ font-size: 0.6em; }

h1, h2, h3, h4, h5, h6, p {color:white;}

/* Fix Issue of hidden content still taking up space */
.fragment.fade-in-then-out:not(.current-fragment) {
  display:none;
}
.flex-slide p.fragment{ font-size: 0.6em; }

/* Revealed TXT */
.reveal .slides section .fragment.visible {
    opacity: 1;
    visibility: inherit;
    font-size: large;
}

.flex-slide .task-list-item-label{font-size: large;}

.reveal .slides section .fragment.visible.large {font-size: large;}
.reveal .slides section .fragment.visible.lg {font-size: large;}
.reveal .slides section .fragment.visible.xlg {font-size: x-large;}
.reveal .slides section .fragment.visible.xxlg {font-size: xx-large;}
.reveal .slides section .fragment.visible.xxxlg {font-size: xxx-large;}
/* Fix Issue of hidden content still taking up space */

@media screen and (min-width: 500px) {}
@media screen and (max-width: 600px) {}

@media screen and (min-width: 600px) {
  .reveal table a, .reveal table td{
    font-size: x-large;
  }
}

@media screen and (max-width: 1024px) {}
@media screen and (min-width: 1600px) {}