body {
    margin: 0;
    height: 100vh;
    overflow-x: hidden;
    background: black;
  }
  .text-container {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  
  #text, #secondtext, #thirdtext {
    position: inher;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    color: white;
    margin-bottom: 15px;
  }
  #text {
    font-weight: bold;
  }
  
  
  
  #projector {
    position: absolute; 
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    pointer-events: none;
    z-index: -1;
  } 
  
  .center-div {
      width:580px;
      height:374px;
      position:absolute;
      left:50%;
      top:50%;
      margin-left: -290px;
      margin-top:  -187px;
  }
  
  #preloaderDiv
  {
      position:absolute;
      left:50%;
      top:50%;
      margin-left: -27px;
      margin-top:  -27px;
  }
  
  #logo{
      opacity:0;
      filter: alpha(opacity=0);
  }
  
  #date2014
  {
      position:absolute;
      padding-left: 210px;
      padding-top:15px;
      opacity:0;
      top:303px;
      left:0;
      filter: alpha(opacity=0);
  }
  @media (max-width: 768px) {
    #text, #secondtext, #thirdtext {
      font-size: x-large;
      margin-bottom: 10px;
    }
  }