.warningbanner{
color:red;
background-color:yellow;
display:block;
font-size:18px;
}
.swal3 {
  text-align: center;
  margin: auto;

 width:100%;
  height:calc(100vh - 85px);
  background:url("backgroundv3.gif") no-repeat;
  background-size: cover;
}
.footer{
 display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.vcbuybutton{
display:none;
}
.copyright {
  flex: 2 1 auto;
   width: -moz-min-content;
   width: min-content;
   color:white;
}
.tandcFooter {
 width: -moz-min-content;
 width: min-content;
  flex: 2 1 auto;
  color:white!important;
}
.titleLines {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom:15px;
}

.flex-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
.flex-left {
  height: fit-content;
  width:100%;
  margin: 5px;
  padding: 15px;
  border-radius: 15px;
  font-size: 16px;
  color: white;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;

}

.flex-right {
 display:none;
 visibility:hidden;
}

.pageDescription {

  text-align: center;
  

  max-height: 80px;
  height:80px;
 
 

  background:url(nlpondemandtext2.png) no-repeat;
  background-size: contain;
}
.customImage{
display:none;
border-radius: 5px;
  text-align: left;
  position: relative;
display:block;
visibility:visible;
          width: 460px;
          height:260px;
          margin-top:20px;
           margin-left: auto;
           margin-right: auto;
}
.imageWrapper {
  display: block;
  width: 100%;
text-align:left;
  height: 54px;
  object-fit: contain;
  margin: 0px;
}
.widescreen{
display:none;
}
.mobilescreen{
display:none;
text-align:left;
}
#stage {
 flex-grow:1;
  display: block;
  margin: 0px !important;
  padding: 0px !important;;
  margin: 0;
 

  background-color: #000000;
  width: 100%;

  overflow-y: auto;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

.swal3 {
  text-align: center;
  
  width:100%;
  height:calc(100vh - 85px);
  background:url("backgroundv3.gif") no-repeat;
  background-size: cover;

}
.mcIntro{

background-color:black;
width:470px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.flex-left {
  height: fit-content;
  width: 300px;
  margin: 5px;
  padding: 15px;
  border-radius: 15px;
  font-size: 16px;
  background: #020024;
  background: linear-gradient(90deg, #020024 0%, #242444 35%, #969a9a 100%);
  color: white;
  text-align: left;
}

.flex-right {
  width: 320px;
  margin: 5px;
  display:none;
  visibility:hidden;
}

.pageDescription {
margin:0px;

  text-align: center;
  

  max-height: 80px;
  height:80px;



  background:url(nlpondemandtext2.png) no-repeat;
  background-size: contain;
}
.customImage{
display:none;
visibility:hidden;
}
.imageWrapper {
  display: block;
  width: 100%;
  text-align: center;
  height: 54px;
  object-fit: contain;
  margin: 0px;
}

#stage {
  flex-grow:1;

  margin: 0px;
  padding: 0px;
  margin: 0;


  background-color: #000000;
  width: 100%;


}
.warningbanner{
color:red;
background-color:yellow;
display:none;


}
}
@media only screen and (min-width: 768px) {
#stage {
 flex-grow:1;
  

  padding: 0px;
  margin:auto;
 
  
  background-color: #000000;
  width: 100%;
  
    min-height: calc(100vh - 100px);
  overflow-y: hidden!important;
}
.swal3 {
  text-align: center;
  margin: auto;
  width:100%;
    height:calc(100vh - 85px);
    background:url("backgroundv3.gif") no-repeat;
  background-size: cover;


}
.flex-left {
  height: fit-content;
  min-width: calc(95vw - 400px);
  width: calc(95vw - 400px);
  margin: 5px;
  padding: 15px;
  border-radius: 15px;
  font-size: 16px;
  background: rgba(255, 100, 100, 0);
  color: white;
  text-align: left;
}
.flex-right {
  width: 320px;
  margin: 5px;
  display:none;
   visibility:hidden;
}
.pageDescription {

  text-align: center;
  

  max-height: 80px;
  height:80px;


  background:url(nlpondemandtext2.png) no-repeat;
  background-size: contain;
}
.customImage{
  border-radius: 5px;
  text-align: left;
  position: relative;
display:block;
visibility:visible;
          width: 460px;
          height:260px;
          margin-top:20px;
           margin-left: auto;
           margin-right: auto;
}
.widescreen{
display:block;
padding-top:20px;
}
.mobilescreen{
display:none;

}
.warningbanner{
color:red;
background-color:yellow;
display:none;

}
}