body,html{
  overflow: hidden;
}

.container {
    width: 100%;
    height: 90%;
    padding-top: 48%;
    position: relative;
     margin-bottom: 0;
    padding-bottom: 0;
    bottom: 0;
}
@font-face{
  font-family:Revilo;
  src:url('../../res/fonts/revilo san.ttf');
}

svg {
   position:absolute;
    top:70;
    left:0;
    margin-bottom: 0;
    padding-bottom: 0;
}
p {
  text-align: center;
  font-size: 40px;
  margin-top:0px;
  color:#0ff;
}
@font-face{
  font-family:Equinox;
  src:url('../../res/fonts/Equinox Bold.otf');
}
h1
{
  color:white;
   font-size:40px;
   font-family:Equinox;

}

#heading
{
  padding-top: 0;
  letter-spacing: 10;
  margin-top: 2.5%;
}
@media only screen and (max-width: 600px) 
{
  #heading
  {
    letter-spacing: 3;
    font-size: 200%;
    margin-top: 4%;
  }
}
#demo
{
  margin-bottom: 0;
  /*font-family: 'Black Ops One', cursive;*/
  font-family: 'Revilo', cursive;
  padding-bottom: 0;
  font-size: 150%;
}

@media all and (min-width: 600px) 
{
  #demo
    {

      font-size: 200%;
    }
  }

#p1
{
  margin-top:0;
   top:180px; 
   position: absolute;
   margin-left: 13%;
}

#p2
{
  margin-top:0; 
  top:150px; 
  position: absolute;
  margin-left: 73%;
}
#cs
{
  
  color:white;
  font-size: 25px;
  letter-spacing: 1px;
  font-family: 'Revilo', sans-serif;

}
#cs1
{
  
  color:white;
  font-size: 25px;
  font-family: 'Do Hyeon', sans-serif;
  margin-top: 25%;
  margin-bottom: 0;
  padding-bottom: 0;
  letter-spacing: 2px;
  line-height: 2;
}
#a
{
  font-size: 35px;
}
@media only screen and (max-width: 600px) {
    p {
        font-size: 25px;
    }
    h1
    {
      font-size: 25px;
    }

   #p1,#p2
   {
    visibility: hidden;
    margin-left: 0;
    left:0;
    top:0;
   }
   #cs
   {
    font-size: 20px;
  }
  #cs1
   {
    font-size: 20px;
    margin-top: 50%;
  }
  #a
  {
    font-size:25px;
  }
  .container
  {
    height: 79%;
  }
   body
   {
    
    
    max-width: 98%;
    overflow-x: hidden;
    /*background-image: hidden;
    background: black;*/
   }
}