* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

html,
body,
#slides-container {
width: 100%;
height: calc(var(--vh, 1vh) * 100);
}

body {
background-color: black;
color: white;

font-family: Arial, Helvetica, sans-serif;

overflow: hidden;

user-select: none;

-webkit-user-select: none;

touch-action: manipulation;
}

#slides-container {
width: 100%;
height: 100%;

overflow: hidden;
}

.mySlides {
display: none;

width: 100%;
height: 100%;

padding: 1vh 1vw;

overflow: hidden;

flex-direction: column;

justify-content: flex-start;

align-items: center;
}

/* ========================================= */
/* HEADER */
/* ========================================= */

.slide-header {
width: 100%;

display: block;

flex-shrink: 0;

margin-bottom: 1vh;
}

/* ========================================= */
/* LOGO */
/* ========================================= */

.slide-logo {
width: 100%;

display: flex;

justify-content: flex-end;

padding-right: 1vw;

margin-bottom: 0.5vh;
}

.slide-logo img {
width: auto;

height: 10vh;

max-height: 90px;

min-height: 50px;

object-fit: contain;
}

/* ========================================= */
/* MAIN LOGO */
/* ========================================= */

.main-logo {
width: auto;

height: 28vh;

max-width: 100%;

object-fit: contain;
}

/* ========================================= */
/* TITLE */
/* ========================================= */

.slide-header center {
width: 100%;

text-align: center;
}

.mn-text2 {
width: 100%;

text-align: center;

margin-bottom: 1vh;

font-size: clamp(32px, 4vw, 96px);

font-weight: bold;

line-height: 1.2;
}

.slide-title-container {

width: 100%;

text-align: center;

margin-top: 0.5vh;

margin-bottom: 1vh;
}

.main-title {

line-height: 1.05;
}

.sub-title {

margin-top: 0.3vh;
}

.subtitle-text {

font-size: clamp(14px, 1.2vw, 34px) !important;

line-height: 1.1 !important;

font-weight: bold;

display: block;
}


/* ========================================= */
/* TABLE WRAPPER */
/* ========================================= */

.table-wrapper {
width: 100%;

flex: 1;

display: flex;

flex-direction: column;

overflow: hidden;

height: 100%;
}

/* ========================================= */
/* HEADER TABLE */
/* ========================================= */

.table-wrapper > table {
width: 100%;

border-collapse: collapse;

table-layout: fixed;

flex-shrink: 0;
}

/* ========================================= */
/* SCROLL AREA */
/* ========================================= */

.table-scroll {
width: 100%;

flex: 1;

overflow: hidden;

position: relative;

min-height: 0;
}

.table-scroll-content {
width: 100%;

will-change: transform;
}

/* ========================================= */
/* BODY TABLE */
/* ========================================= */

.table-scroll table {
width: 100%;

border-collapse: collapse;

table-layout: fixed;
}

/* ========================================= */
/* TABLE */
/* ========================================= */

th,
td {
border: 0.25vw solid white;

text-align: center;

vertical-align: middle;

padding: 1.4vh 1vw;

font-weight: bold;

word-break: break-word;

overflow-wrap: anywhere;
}

tbody tr {
height: 14vh;
}

th:first-child,
td:first-child {
width: 50%;
}

th:last-child,
td:last-child {
width: 50%;
}

.text1 {
font-size: clamp(32px, 3vw, 96px);

line-height: 1.3;
}

.text-red {
color: red;
}

.text-green {
color: lime;
}

.text-blue {
color: cyan;
}

.text-white {
color: white;
}

.mt-1 {
margin-top: 1vh;
}

.mt-2 {
margin-top: 2vh;
}

.mt-3 {
margin-top: 3vh;
}

.mt-4 {
margin-top: 4vh;
}

.mt-5 {
margin-top: 5vh;
}

body,
table,
td,
th,
div,
center {
overflow-wrap: anywhere;
}

@media screen and (orientation: portrait) {

.slide-logo img {
max-height: 70px;
}

.mn-text2 {
font-size: 6vw;
}

.text1 {
font-size: 5vw;
}

tbody tr {
height: 12vh;
}

.main-logo {
height: 22vh;
}
}

@media screen and (max-width: 768px) {

.mn-text2 {
font-size: 7vw;
}

.text1 {
font-size: 5vw;
}

tbody tr {
height: 11vh;
}
}

@media screen and (min-width: 1920px) {

.mn-text2 {
font-size: 3vw;
}

.text1 {
font-size: 2.5vw;
}
}








/* ========================================= */
/* RESET */
/* ========================================= */

/** {*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  box-sizing: border-box;*/
/*}*/

/* ========================================= */
/* ROOT */
/* ========================================= */

/*html,*/
/*body,*/
/*#slides-container {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

/* ========================================= */
/* BODY */
/* ========================================= */

/*body {*/
/*  background-color: black;*/
/*  color: white;*/

/*  font-family: Arial, Helvetica, sans-serif;*/

/*  overflow: hidden;*/
/*}*/

/* ========================================= */
/* SLIDES CONTAINER */
/* ========================================= */

/*#slides-container {*/
/*  width: 100%;*/
/*  height: 100%;*/

/*  overflow: hidden;*/
/*}*/

/* ========================================= */
/* SLIDES */
/* ========================================= */

/*.mySlides {*/
/*  display: none;*/

/*  width: 100%;*/
/*  height: 100%;*/

/*  padding: 1vh 1vw;*/

/*  overflow: hidden;*/

/*  flex-direction: column;*/

/*  justify-content: flex-start;*/

/*  align-items: center;*/
/*}*/

/* ========================================= */
/* TITLE AREA */
/* ========================================= */

/*.slide-header center {*/
/*  flex: 1;*/

/*  text-align: center;*/
/*}*/


/* ========================================= */
/* SLIDE HEADER */
/* ========================================= */

/*.slide-header {*/
/*  width: 100%;*/

/*  display: block;*/

/*  flex-shrink: 0;*/

/*  margin-bottom: 1vh;*/
/*}*/


/* ========================================= */
/* LOGO AREA */
/* ========================================= */

/*.slide-logo {*/
/*  width: 100%;*/

/*  display: flex;*/

/*  justify-content: flex-end;*/

/*  padding-right: 1vw;*/

/*  margin-bottom: 0.5vh;*/
/*}*/

/* ========================================= */
/* LOGO IMAGE */
/* ========================================= */

/*.slide-logo img {*/
/*  width: auto;*/

/*  height: 10vh;*/

/*  max-height: 90px;*/

/*  min-height: 50px;*/

/*  object-fit: contain;*/
/*}*/

/* ========================================= */
/* HEADER */
/* ========================================= */

/*.mn-text2 {*/
/*  flex-shrink: 0;*/

/*  width: 100%;*/

/*  text-align: center;*/

/*  margin-bottom: 1vh;*/

/*  font-size: clamp(28px, 3vw, 80px);*/

/*  font-weight: bold;*/

/*  line-height: 1.2;*/
/*}*/

/* ========================================= */
/* TABLE WRAPPER */
/* ========================================= */

/*.table-wrapper {*/
/*  width: 100%;*/

/*  flex: 1;*/

/*  min-height: 0;*/

/*  overflow-y: auto;*/

/*  overflow-x: hidden;*/
/*}*/

/* ========================================= */
/* HIDE SCROLLBAR */
/* ========================================= */

/*.table-wrapper::-webkit-scrollbar {*/
/*  width: 0;*/
/*  background: transparent;*/
/*}*/

/* ========================================= */
/* TABLE */
/* ========================================= */

/*table {*/
/*  width: 100%;*/

/*  border-collapse: collapse;*/

/*  table-layout: fixed;*/
/*}*/

/* ========================================= */
/* STICKY HEADER */
/* ========================================= */

/*thead {*/
/*  position: sticky;*/

/*  top: 0;*/

/*  background: black;*/

/*  z-index: 10;*/
/*}*/

/* ========================================= */
/* TABLE CELLS */
/* ========================================= */

/*th,*/
/*td {*/
/*  border: 0.25vw solid white;*/

/*  text-align: center;*/

/*  vertical-align: middle;*/

/*  padding: 1.2vh 1vw;*/

/*  font-weight: bold;*/

/*  word-break: break-word;*/

/*  overflow-wrap: anywhere;*/
/*}*/

/* ========================================= */
/* DYNAMIC ROW HEIGHT */
/* ========================================= */

/*tbody tr {*/
/*  height: 12vh;*/
/*}*/

/* ========================================= */
/* COLUMN WIDTH */
/* ========================================= */

/*th:first-child,*/
/*td:first-child {*/
/*  width: 50%;*/
/*}*/

/*th:last-child,*/
/*td:last-child {*/
/*  width: 50%;*/
/*}*/

/* ========================================= */
/* TEXT */
/* ========================================= */

/*.text1 {*/
/*  font-size: clamp(20px, 2.5vw, 64px);*/

/*  line-height: 1.2;*/
/*}*/

/* ========================================= */
/* COLORS */
/* ========================================= */

/*.text-red {*/
/*  color: red;*/
/*}*/

/*.text-green {*/
/*  color: lime;*/
/*}*/

/*.text-blue {*/
/*  color: cyan;*/
/*}*/

/*.text-white {*/
/*  color: white;*/
/*}*/

/* ========================================= */
/* TIMESTAMP */
/* ========================================= */

/*.timestamp {*/
/*  flex-shrink: 0;*/

/*  margin-top: 1vh;*/

/*  text-align: center;*/

/*  font-size: clamp(18px, 1.5vw, 42px);*/
/*}*/

/* ========================================= */
/* TIMER */
/* ========================================= */

/*.slide-timer {*/
/*  font-size: clamp(18px, 1.5vw, 42px);*/
/*}*/

/* ========================================= */
/* LOGO */
/* ========================================= */

/*img {*/
/*  max-width: 100%;*/

/*  object-fit: contain;*/
/*}*/

/* ========================================= */
/* SPACING */
/* ========================================= */

/*.mt-1 {*/
/*  margin-top: 1vh;*/
/*}*/

/*.mt-2 {*/
/*  margin-top: 2vh;*/
/*}*/

/*.mt-3 {*/
/*  margin-top: 3vh;*/
/*}*/

/*.mt-4 {*/
/*  margin-top: 4vh;*/
/*}*/

/*.mt-5 {*/
/*  margin-top: 5vh;*/
/*}*/

/* ========================================= */
/* WORD WRAP */
/* ========================================= */

/*td div {*/
/*  word-break: break-word;*/

/*  overflow-wrap: anywhere;*/
/*}*/

/* ========================================= */
/* LARGE LED DISPLAY */
/* ========================================= */

/*@media screen and (min-width: 1920px) {*/

/*  .mn-text2 {*/
/*    font-size: 2.8vw;*/
/*  }*/

/*  .text1 {*/
/*    font-size: 2vw;*/
/*  }*/

/*  .timestamp,*/
/*  .slide-timer {*/
/*    font-size: 1.5vw;*/
/*  }*/
/*}*/

/* ========================================= */
/* PORTRAIT DISPLAY */
/* ========================================= */

/*@media screen and (orientation: portrait) {*/

/*  .mn-text2 {*/
/*    font-size: 5vw;*/
/*  }*/

/*  .text1 {*/
/*    font-size: 4vw;*/
/*  }*/

/*  .timestamp,*/
/*  .slide-timer {*/
/*    font-size: 3vw;*/
/*  }*/

/*  tbody tr {*/
/*    height: 10vh;*/
/*  }*/

/*  img {*/
/*    max-height: 22vh;*/
/*  }*/
/*}*/

/* ========================================= */
/* SMALL DEVICES */
/* ========================================= */

/*@media screen and (max-width: 768px) {*/

/*  .mn-text2 {*/
/*    font-size: 6vw;*/
/*  }*/

/*  .text1 {*/
/*    font-size: 4.5vw;*/
/*  }*/

/*  .timestamp,*/
/*  .slide-timer {*/
/*    font-size: 3.5vw;*/
/*  }*/

/*  tbody tr {*/
/*    height: 9vh;*/
/*  }*/
/*}*/

/* ========================================= */
/* OPTIONAL MARQUEE */
/* ========================================= */

/*.marquee {*/
/*  white-space: nowrap;*/

/*  display: inline-block;*/

/*  padding-left: 100%;*/

/*  animation: marquee 15s linear infinite;*/
/*}*/

/*@keyframes marquee {*/

/*  0% {*/
/*    transform: translate(0, 0);*/
/*  }*/

/*  100% {*/
/*    transform: translate(-100%, 0);*/
/*  }*/
/*}*/