body { margin: 0; overflow: hidden; } progress { width: 100%; height:8px; position: absolute; border-radius: 0px; } ::-webkit-progress-bar { border-radius: 0px; background-color: #e6e6fa; } ::-webkit-progress-value { background-color: #4682b4; } ::-moz-progress-bar { border-radius: 0px; background-color: #e6e6fa; } ::-moz-progress-value { background-color: #4682b4; } ::-ms-progress-bar { border-radius: 0px; background-color: #e6e6fa; } ::-ms-progress-value { background-color: #4682b4; } div#menu { padding: 20px; border-bottom:solid 1px #ccc; } button { border: none; margin: 0; padding: 0 20px 0 20px; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; appearance: none; -webkit-appearance: none; cursor: pointer; user-select: none; } a { text-decoration: none; color: #000; } a:hover{ /* color: #fff700; */ color: #847e00; } footer { border-top:solid 1px #ccc; padding: 20px 0 20px 0; font-size:20px; text-align: center; } span.menu-nav button#nav { display: none; } @media screen and (max-width:1000px) { span#nav-mobile { display: none; } span.menu-nav button#nav { right:0; display: block; position: absolute; top:20px; } }