style.css

html,body{
    overflow-x: hidden;
}
body{
    margin: 0;
    padding: 0;
    background-color: #111;
}
video{
    width: 100%;
    /* height: 100%; */
    background-color: black;
}
nav{
    line-height: 1.2;
}
.car1{
    padding: 12%;
}
.car2{
    padding: 12%;
}
.car{
    padding: 5%;
}
#caro{
    width: 50%;
}
.navbar-brand:hover{
    color: rgb(247, 201, 84) !important;
}
h2{
    color: white;
}
p{
    color: white;
}
.nav-link{
    font-size: 1.2rem;
}
.pimg{
    width: 40%;
    border-radius: 100%;        
}
.ppimg{
    padding: 3%;
}
.imgp{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    margin-top: 4%;
    
}
.imgp1{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: gray;
}
.pimg:hover{
    border: 2.8px goldenrod solid;
}

.foot{
    text-align: center;
    background-color: #111;
    padding: 5%;
}
.pfoot{
    font-size: 1rem;
    color: rgb(212, 207, 207);
    margin-top: 5%;
}
.nav-item{
    padding-right: 1.5rem;
}
.nav-link:hover{
    color: goldenrod !important;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  /* Scrollbar */
/* ::-webkit-scrollbar {
    width: 15px;
  }
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background: rgb(49, 49, 49);
    border-radius: 10px;
  } */

  @media (min-width: 0px) and (max-width: 957px)
{
    .car{
        padding: 10%;
    }

    #news{
        margin-top: 12%;
    }
    .grid-video{
        max-width: 100%;
        background-color: black;
    }

}