@media (max-width: 768px) {
    .second_header {
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        padding: 15px;
    }

    .second_header .mobile_menu {
        font-size: 23px;
    }

    #nav {

        display: none;
    }

    .offcanvas-start {
        max-width: 85%;
    }


    #hero .details{
        text-align: center;
    }
    #hero .details h2 {
        font-size: 36px;
    }
}