@media(max-width:900px){


.menu-toggle{

    display:block;

}



#nav-menu{


    position:absolute;

    top:80px;

    left:0;

    width:100%;

    background:white;

    display:none;

    flex-direction:column;

    text-align:center;

    padding:20px;


}



#nav-menu.active{

    display:flex;

}



#nav-menu a{

    margin:15px;

}



body.dark #nav-menu{

    background:#1e1e1e;

}



}

@media (max-width:768px){

    .hero-image img{

        width:100%;

    }

}

@media (max-width: 768px) {
    .hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .sidebar .position-title {
        font-size: 15px;
    }
}