@media screen and (max-width:768px){


.heading-h2{
        font-size: 1.9rem;
}    

    
   .navbar {
    background-color: white !important;
    z-index: 1;
} 
    
    .navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%231E2767' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


ul.navbar-nav {
    text-align: center;
}

.hero {
    position: relative;
    top: 0px;
}

.plr{
    padding:0px 15px;
}


}