header{background-color:#121212;width:100%;z-index:1}.burger{display:none}.active{color:#a73737}header h1{width:60%}header ul{direction:rtl;display:flex;width:50%}header ul li a{transition:.4s;font-size:.8rem}header ul li a:hover{color:#a73737}@media screen and (max-width:1100px){header .content h1{font-size:2rem;font-weight:600;width:80%;z-index:2;margin-left:3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}header .content{width:95%;display:flex;justify-content:space-between;position:relative;left:-1.3rem;align-items:center}.burger{position:relative;z-index:4;color:#fff;font-size:3rem;display:block}header ul{margin:auto auto auto -100%;transition:.5s}header ul,header ul.active{flex-direction:column;top:0;background-color:#121212;height:100vh;width:100%;left:0;padding:16rem 0;position:fixed;display:flex}header ul.active{margin:auto auto auto 0}header ul li a{font-size:1.25rem}}