@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Ysabeau+Infant:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caramel&family=Poppins&family=Raleway&display=swap');

html,body{
    /* text styles/title/medium */
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
    margin: 0;
    overflow-x: hidden;
    top: 0;
    left: 0;
    }
    
    .header .btn
    {
        font-family: 'Raleway';
    font-size: 16px;
    font-style: 'normal';
    font-weight: 700;
    line-height: 24px;
    }
    .nav-link:hover
    {
        color: #E9C400;
    }


    .bg_slide {
        background: url(rectangle-1.png) center center / cover no-repeat ;
        height: 414.25px;
      }


      .bg_slide .container h1{
        font-family: 'Bebas Neue';
    font-size: 64px;
    font-style: 'normal';
    font-weight: 400;
    line-height: 64px; /* 100% */
    color: white;
    padding-top: 40%;
    margin-left: -2%;
    margin-top: 10%;
    }
    
    .bg_slide .container .p
    {
        color: white;
        font-family: 'Arial';
    font-size: 16px;
    font-style: 'normal';
    font-weight: 400;
    line-height: 24px; /* 150% */
    }

    .bg_slide .container .vl{
        border: 10px solid #E9C400;
        
    }

      #gallery{
        background-color: rgb(18, 11, 11);
      }
      /*a{
        width: 120px;
        color: aliceblue; <!--style="width: 120px;color:black;background-color: #e9c400;"-->
      }
      a:hover {
        color:yellow;
      }*/
     .x{
      width: 100vw;
     }


/*footer part*/

footer{
   
    background-color: black;
    width: 1670px;
    height: 289px;
    padding-top: 2%;
  }

  footer .row{
    margin-left :0;
   }

   .hr
  {
    border:3px solid #E9C400;
    width: 100%;
    
  }


  /*MOBILE SCREEN*/
@media screen and (max-width: 960px)
{
    .bg_slide {
        background: url(rectangle-1.png) center center / cover no-repeat ;
        height: 514.25px;
      }

    footer{
        width: 423px;
        height: 770px;
        margin-top: 0%;
        padding-top: 5%;
      }
    
      #footer
      {
        align-items: center;
        margin-right: 60%;
        margin-left: -15%;
        
      }
    
      .hr
      {
        width: 100%;
        border:2px solid #E9C400;
        
      }
    
      .footer .row{
        margin-left: 35%;
      }
    
      #copyright
      {
        width: 100%;
        margin-left: 15%;
      }
}