/* General Classes */
text
{
  font-size   : var(--button_upload_font_size);
  font-weight : "bold";
}

/* No underline for all href elements */
a { text-decoration: none; }

.m2v_white{background-color:#fff}

.text_header2,
.text_header3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
  text-align: center;
  width: 100%;
}

.text_header2_black {
  color: black;
}

.text_header2_white {
  color: white;
}

.help_resp1, .help_resp2, .help_resp3 {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  margin: 0 auto;
}

.centerhelp {
  margin: auto;
  padding: 10px;
  color: #fff;
}

.m2v_large_resp,
.m2v_xlarge_resp {
  padding: 0;
}

.overlay_intro_text_portrait {
  margin: 40px auto 60px;
  width: 100%;
  height: 90vh;
  padding: 20px;
}

.overlay_intro_text_landscape {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 1em;
  text-align: center;
  text-shadow: 0.2px 0.2px 0.5px rgba(0, 0, 0, 1.0);
}

.text_overlay_www_top, .text_overlay_www_top_sub, .text_overlay_www_top_sub2  {
  top: 50%; /* Move to the middle vertically */
  left: 50%; /* Move to the middle horizontally */
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.0);
  width: 100%;
}


.text_overlay_www_top {
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 1.0);
}

.tcontainer
{
  margin: 20px;
}

.resizableTextContainer
{
  display: inline-block;
  border: 1px solid #aaa;
  padding: 10px 20px;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 1.0); /* Transparent blue background */
  visibility: hidden;
  border-radius: 5px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); /* Optional: add a subtle shadow */
  width 20%;
}


#overlay_intro_text_portrait_id {
  display: none;
}

/* Media Queries */
@media screen and (max-width: 300px)
{
  .text_header2 { font-size: 7vw; }
  .text_header3 { font-size: 4vw; }
  .help_resp1 { font-size: 8vw; }
  .help_resp2 { font-size: 6vw; }
  .help_resp3 { font-size: 5vw; }
  .centerhelp { width: 90%; }
  .m2v_large_resp { font-size: 4vw; }
  .m2v_xlarge_resp { font-size: 5vw; }
  .overlay_intro_text_landscape { top: 65%; width: 90%; font-size: 0.8em; }
  .text_overlay_www_top { top: 15%; font-size: 8vw; }
  .text_overlay_www_top_sub { top: 30%; font-size: 6vw; }
  .text_overlay_www_top_sub2 { top: 40%; font-size: 3vw; }
  .resizableTextContainer { width: 55%; }
}

@media screen and (min-width: 301px) and (max-width: 600px)
{
  .text_header2, .text_header3 { font-size: 6vw; }
  .help_resp1 { font-size: 8vw; }
  .help_resp2 { font-size: 6vw; }
  .help_resp3 { font-size: 5vw; }
  .centerhelp { width: 90%; }
  .m2v_large_resp, .m2v_xlarge_resp { font-size: 4vw; }
  .overlay_intro_text_landscape { top: 48%; width: 46%; font-size: 0.6em; }
  .overlay_intro_text_portrait { font-size: 1.1em; }
  .text_overlay_www_top { top: 15%; font-size: 8.5vw; }
  .text_overlay_www_top_sub { top: 30%; font-size: 7vw; }
  .text_overlay_www_top_sub2 { top: 40%; font-size: 3vw; }
  .resizableTextContainer { width: 55%; }
}

@media screen and (min-width: 601px) and (max-width: 800px)
{
  .text_header2 { font-size: 4vw; }
  .text_header3 { font-size: 2vw; }
  .help_resp1 { font-size: 4.5vw; }
  .help_resp2 { font-size: 3vw; }
  .help_resp3 { font-size: 2vw; }
  .centerhelp { width: 60%; }
  .m2v_large_resp, .m2v_xlarge_resp { font-size: 2vw; }
  .overlay_intro_text_landscape { top: 48%; width: 44%; font-size: 0.8em; }
  .text_overlay_www_top { top: 15%; transform: translate(-50%, 0%); font-size: 3.5vw; }
  .text_overlay_www_top_sub { top: 30%; transform: translate(-50%, 0%); font-size: 2.5vw; }
  .text_overlay_www_top_sub2 { top: 40%; transform: translate(-50%, 0%); font-size: 1.5vw; }
  .resizableTextContainer { width: 45%; }
}

@media screen and (min-width: 801px) and (max-width: 1200px)
{
  .text_header2 { font-size: 3vw; }
  .text_header3 { font-size: 1.8vw; }
  .help_resp1 { font-size: 3.5vw; }
  .help_resp2 { font-size: 2vw; }
  .help_resp3 { font-size: 1.5vw; }
  .centerhelp { width: 40%; }
  .m2v_large_resp { font-size: 0.9vw; }
  .m2v_xlarge_resp { font-size: 1vw; }
  .overlay_intro_text_landscape { top: 48%; width: 44%; font-size: 0.8em; }
  .text_overlay_www_top { top: 19%; transform: translate(-50%, 0%); font-size: 4.2vw; }
  .text_overlay_www_top_sub { top: 35%; transform: translate(-50%, 0%); font-size: 2.5vw; }
  .text_overlay_www_top_sub2 { top: 45%; transform: translate(-50%, 0%); font-size: 1.5vw; }
  .resizableTextContainer { width: 30%; }
}

@media screen and (min-width: 1201px)
{
  .text_header2 { font-size: 1.5vw; }
  .text_header3 { font-size: 1.2vw; }
  .centerhelp { width: 40%; }
  .m2v_large_resp { font-size: 0.9vw; }
  .m2v_xlarge_resp { font-size: 1vw; }
  .text_overlay_www_top { top: 15%; transform: translate(-50%, 0%); font-size: 3.0vw; }
  .text_overlay_www_top_sub { top: 28%; transform: translate(-50%, 0%); font-size: 2.0vw; }
  .text_overlay_www_top_sub2 { top: 38%; transform: translate(-50%, 0%); font-size: 1.0vw; }
  .help_resp1, .help_resp2 { font-size: 2vw; }
  .help_resp3 { font-size: 1.5vw; }
  .centerhelp { width: 40%; }
  .m2v_large_resp { font-size: 0.9vw; }
  .m2v_xlarge_resp { font-size: 1vw; }
  .overlay_intro_text_landscape { top: 48%; width: 35%; font-size: 1.1em; }
  .resizableTextContainer { width: 16%; }
}