/* trabalhadores, uni-vos */ html {height: 100%; min-height: 100vh;} body { background-image: url('img/chemnitz.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; font-family: Jost, Verdana, "Open Sans", sans-serif; height: 100%; margin: 0; padding: 0; } header { align-items: center; background-color: #a90000; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-sizing: border-box; color: white; display: flex; justify-content: space-between; left: 0; margin: 0; padding: 25px 70px 25px 70px; position: absolute; text-transform: uppercase; top: 0; width: 100%; } main { align-items: center; display: flex; height: 100%; justify-content: right; margin: 0 140px 0 0; padding: 0; } select { background-clip: padding-box; background-color: white; border: 1px solid black; font-family: inherit; font-size: 0.875rem; padding: 0.375rem; width: 275px; } footer { align-items: center; background-color: black; bottom: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-sizing: border-box; color: white; display: flex; font-size: 0.875rem; justify-content: space-between; padding: 15px 70px 15px 70px; position: fixed; width: 100%; } header div.menu {display: none;} header div.menu a {text-decoration: none; line-height: 0;} footer nav.lista {display: none;} footer div.foto a {color: gray;} footer a#rodape {display: none;} a {text-decoration: none; color: white;} a:hover {text-decoration: underline;} b {font-weight: 600;} ul {list-style-type: none; margin: 0; padding: 0; position: relative; display: flex; gap: 50px;} li {font-size: 0.875rem;} .conteiner {width: auto;} .conteudo {padding: 30px 40px 30px 40px} .destaque {font-weight: 600;} .esquerdos {display:inline-block; transform: rotate(180deg);} .foto {color: gray; margin: 0 0 0 50px; text-align: right;} .lista {display: flex; align-items: center; margin: 0; padding: 0;} .logo {margin: 0; padding: 0; line-height: 1.10; font-weight: 400; user-select: none;} /* dispositivos */ @media (max-width: 640px) { header div.menu {display: flex;} body {background-image: none; background-position: center;} footer {display: block; position: initial; padding: 40px 40px 30px 40px;} footer nav.lista {display: block; margin: 0 0 40px 0; padding: 0;} footer a#rodape {display: block;} header {position: initial; padding: 25px 40px 25px 40px;} header div.lista {display: none;} li {font-size: 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem;} main {margin: 0; padding: 10% 10% 10% 40px; justify-content: left; height: 70%; content: ""; background-image: url('img/vertical.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } nav {margin: 0;} select {width: 100%;} table {margin: 0; width: 100%;} ul {margin: 0; position: initial; display: initial; gap: 0;} .foto {margin: 40px 0 0 0; font-size: 0.75rem; text-align: left;} .lista {display: block;} html {scroll-behavior: smooth;} } @media only screen and (min-width: 641px) and (max-width: 795px) { header {padding: 25px 40px 25px 40px} header div.lista ul li {font-size: 75%;} header div.lista {margin-block: 5px;} footer {padding: 25px 40px 25px 40px} footer ul {gap: 24px;} ul {gap: 24px;} .foto {font-size: 0.875rem; margin: 0 0 0 20px;} } @media print {footer nav.lista {display: none;}}