/* latin-ext */

body,div,h1,h2,h3,h4,h5 {font-family: "Arial", sans-serif}

body {    
         top: 0px !important;
}

.title_text{
  font-size: 1.1vw;
}

p {
  text-align: justify;
  text-justify: inter-word;
}

tr {
  text-align: center;
  font-size: min(4vw, 28px);
}

td {
  text-align: center;
  font-size: min(4vw, 24px);
}

.w3-top{
  font-family: 'Raleway';
  font-size: 14.5px;
}
/* latin */
@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Apply w3-blue background on hover for all menu items */
.custom-hover:hover,
.w3-dropdown-hover:hover > .custom-hover,
.w3-dropdown-content a.custom-hover:hover {
  background-color: #2196F3 !important; /* w3-blue */
  color: white !important;
}

a.custom-hover2:hover {
  background-color: #e76203 !important; 
  color: white !important;
}


.container_table {
  display: grid;
  grid-template-columns: 50% 50%; /* 2 columns */
  grid-template-rows: 1fr;   /* 2 rows */
  gap: 16px;                     /* space between items */
  max-width: 100%;
  margin: 0 auto;
}

.item_table {
  background: #f5faff;
  padding: 0px;
  text-align: center;
  border-radius: 0px;
  font-size: 1.2em;
}

/* Responsive: stack items in 1 column for small screens */
@media (max-width: 1000px) {
  .container_table {
    grid-template-columns: 1fr; /* 1 column */
    grid-template-rows: none;   /* auto rows */
  }
}


/* Colors */
.w3-mago
{color:#000;background-color:#f5faff;}

.w3-mago-bar
{color:#084f96;background-color:#f5faff;}

.w3-mago-bar2
{color:#e76203;background-color:#fff9f5;}

.w3-2022-valiantek
{color:#fff;background-color:#2e4d7d;}

.w3-2022-valiantekhome
{color:#fff;background-color:#203557;}

.w3-2022-valiantek2
{color:#fff;background-color:#34568B;}

.w3-valiant-red
{color:#fff;background-color:#BD3D3A}

.w3-win8-crimson
{color:#fff;background-color:#a20025;}

.w3-2021-inkwell
{color:#fff;background-color:#363945}

.w3-youtube
{color:#fff;background-color:#DD0000}

.w3-reddit
{color:#fff;background-color:#FF4500}

.w3-pale-orange
{color:#000;background-color:#FFE1BE}

.w3-2020-brilliant-white
{color:#000!important;background-color:#EDF1FF!important}

.title
{text-align: center;font-weight: bold;}

a{
 text-decoration: none;
}

.button_dim2
{margin:0 auto;display:block;width:auto;min-width:200px}

.button_dim
{margin:0 auto;display:block;width:30%;min-width:200px}

.logo{
height: 100%; 
width: 100%; 
object-fit: contain;
}

.fig{
display: block;
margin-left: auto;
margin-right: auto;
object-fit: contain;
}

.video{
display: block;
margin-left: auto;
margin-right: auto; 
width: 100%;
object-fit: contain;
}

.font-effect-fire {
  text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;
  color: #ffe;
}


#navDemo {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
  display: block !important; /* force it to take space in the flow */
}
#navDemo.w3-show {
  max-height: 300px; /* or however tall your menu needs to expand */
}