nav{ position: fixed; height: 1rem; left: 0; right: 0; bottom: 50px; z-index: 9999999999999999999999999; background-color: white; box-shadow: 0 0px 5px red } nav ul li{ display: block; float: left; width: 20%; padding-top: 0.22rem; } nav ul li img{ display: block; margin-top: 0.22rem; height: 0.4rem; margin: 0 auto; } nav ul li:nth-child(3) img{ display: block; height: 0.6rem; margin-top: 0.2rem; } nav ul li:nth-child(3){ } nav ul li p{ text-align: center; } @media screen and (max-width: 750px) { html{font-size:100px;} } @media screen and (max-width: 640px) { html{font-size: 96.1538px;} } @media screen and (max-width: 414px) { html{font-size: 82.0513px;} } @media screen and (max-width: 375px) { html{font-size: 53.0769px;} } @media screen and (max-width: 320px) { html{font-size: 48.0769px;} }