@font-face {
    font-family: 'vijayaregular';
    src: url('../font/vijaya-webfont.woff2') format('woff2'),
         url('../font/vijaya-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html{
  background-color: #000000;
}
body{
    font-size: 15px;
   
    font-family: 'verdana';
    background-color: #000000;
    background: linear-gradient(180deg, rgba(68,68,68,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 100%);
    background-repeat: no-repeat;
    height: 100vh;
}
.frame {
    height: 100vh; /* equals max image height */
    width: 100%;    
    white-space: nowrap;    
    text-align: center; 
   
}
.responsive {
    width: 100%;
    height: auto;
  }
  .padd-35{
      padding-top:13%;
  }

  .text_page{
    font-family: 'vijayaregular';
    font-weight: bold;
    font-size: 3em;
    /* color: darkgoldenrod; */
  }
  .gold1 {
	background: -webkit-linear-gradient(top,  #f2e486,#ac7533,  #f2e486);
	background: linear-gradient(top,  #f2e486,#ac7533,  #f2e486);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  
}

@media screen and (max-width: 1025px) {
  .padd-35{
      padding-top:40%;
  }
}

@media screen and (max-width: 768px) {
  .text_page{
    font-size: 2rem;
  }
  .padd-35{
    padding-top:30%;
}
}

@media screen and (max-width: 414px) {
  .text_page{
    font-size: 2rem;
  }
  .padd-35{
    padding-top:30%;
}
}

@media screen and (max-width: 320px) {
  .text_page{
    font-size: 2rem;
  }
  .padd-35{
    padding-top:30%;
}
}