@media only screen and (max-width:1100px){
    header nav {
        display: none;
    }
    header div.menu-icon{
        display: block;
    }

    header div.actions {
        display: none;
    }

    main section.hero{
        flex-direction: column;
    }

    main section.hero div.right-image{
        order: -1;
    }
    main section.projects div.project{
        flex-direction: column;
    }
}