body, html { font-family: 'Oswald', sans-serif;height:100%; }
body { background-image:url('/imagens/login-facil.png');background-attachment:fixed; }
button { background:none;border:none;font-size:22px;cursor:pointer; }
#usuario { text-align:right;color:#333; }
#opcoes-usr { position:absolute;top:60px;right:0px;border-radius:15px 0px 0px 15px;padding:25px;background:#d1eab3;display:none; }
input { width:100%;height:40px;border:none;background:none;color:#333;border-bottom:1px solid #f50; }
footer { width:100%;background:#333;color:#fff; }
footer a { color:#fff;cursor:pointer; }
dl { padding:20px 40px; }
dd, dt { margin:0px; }
dd { margin-left:25px; }

@media screen and (min-width:1366.1px){
  body { background-position:top left;background-size:100%; }
  #usuario { margin:20px 40px; }
  #painel { padding-top:100px;padding-bottom:100px; }
  #painel h4 { margin-bottom:50px;color:#666; }
  #painel button { background:#a5dc8a;color:#fff;width:50%;margin-top:50px;box-shadow:15px 15px 28px #999;padding:10px; }
  #contato { width:100%;box-shadow:15px 15px 28px #888;border-left:3px solid #4a4;height:60px; }
  #contato input { width:90%;float:right;border:none;background:#fafafa;color:#999;padding-left:20px;height:60px; }
  #contato i { padding:18px 15px;color:#4a4;font-size:22px; }
  .prateleira { padding:100px 20px;text-align:center;color:#999;background:#fff; }
  #destaque { background:#fff;color:#a5dc8a;padding:100px 30px;text-align:center;border-radius:50%;width:50%;margin:auto; }
  #mapa-site { display:flex;justify-content:center; }
}

@media screen and (min-width:1024.1px) and (max-width:1366px){
  body { background-position:top left;background-size:100%; }
  #usuario { margin:20px 40px; }
  #painel { padding-top:100px;padding-bottom:100px; }
  #painel h4 { margin-bottom:50px;color:#666; }
  #painel button { background:#a5dc8a;color:#fff;width:50%;margin-top:50px;box-shadow:15px 15px 28px #999;padding:10px; }
  #contato { width:100%;box-shadow:15px 15px 28px #888;border-left:3px solid #4a4;height:60px; }
  #contato input { width:85%;float:right;border:none;background:#fafafa;color:#999;padding-left:20px;height:60px; }
  #contato i { padding:18px 5%;color:#4a4;font-size:22px; }
  .prateleira { padding:100px 20px;text-align:center;color:#999;background:#fff; }
  #destaque { background:#fff;color:#a5dc8a;padding:100px 30px;text-align:center;border-radius:50%;width:50%;margin:auto; }
  #mapa-site { display:flex;justify-content:center; }
}

@media screen and (min-width:800.1px) and (max-width:1024px){
  body { background-position:bottom right;background-size:150%; }
  #usuario { margin:20px 40px;font-size:18px; }
  #painel { padding-top:50px;padding-bottom:100px; }
  #painel h4 { margin-bottom:30px;color:#666;font-size:20px; }
  #painel button { background:#a5dc8a;color:#fff;width:80%;margin-top:50px;box-shadow:15px 15px 28px #999;padding:10px; }
  #contato { width:100%;box-shadow:15px 15px 28px #888;border-left:3px solid #4a4;height:60px; }
  #contato input { width:82%;float:right;border:none;background:#fafafa;color:#999;padding-left:20px;height:60px; }
  #contato i { padding:18px 6%;color:#4a4;font-size:22px; }
  .prateleira { padding:100px 20px;text-align:center;color:#999;background:#fff; }
  #destaque { background:#fff;color:#a5dc8a;padding:100px 30px;text-align:center;border-radius:50%;width:80%;margin:auto; }
  #mapa-site { display:flex;justify-content:center; }
}

@media screen and (min-width:512.1px) and (max-width:800px){
  body { background-position:bottom left;background-size:200%; }
  #usuario { margin:20px 40px;font-size:18px; }
  #painel { padding-top:50px;padding-bottom:100px; }
  #painel h4 { margin-bottom:30px;color:#666;font-size:20px; }
  #painel button { background:#a5dc8a;color:#fff;width:60%;margin-top:50px;box-shadow:15px 15px 28px #999;padding:10px; }
  #contato { width:100%;box-shadow:15px 15px 28px #888;border-left:3px solid #4a4;height:60px; }
  #contato input { width:82%;float:right;border:none;background:#fafafa;color:#999;padding-left:20px;height:60px; }
  #contato i { padding:18px 6%;color:#4a4;font-size:22px; }
  .prateleira { padding:100px 20px;text-align:center;color:#999;background:#fff; }
  .prateleira .col-md-6, .prateleira .col-md-3 { padding:50px 10px; }
  #destaque { background:#fff;color:#a5dc8a;padding:100px 30px;text-align:center;border-radius:50%;width:80%;margin:auto; }
  #mapa-site { width:100%; }
}

@media screen and (max-width:512px){
  body { background-position:bottom left;background-size:250%; }
  #usuario { text-align:right;color:#666;margin:10px 20px;font-size:18px; }
  #painel { padding-top:50px;padding-bottom:100px; }
  #painel h4 { margin-bottom:30px;color:#666;font-size:20px;text-align:center; }
  #painel button { background:#a5dc8a;color:#fff;width:100%;margin-top:50px;box-shadow:15px 15px 28px #999;padding:10px; }
  #contato { width:100%;box-shadow:15px 15px 28px #888;border-left:3px solid #4a4;height:60px; }
  #contato input { width:82%;float:right;border:none;background:#fafafa;color:#999;padding-left:20px;height:60px; }
  #contato i { padding:18px 5%;color:#4a4;font-size:22px; }
  .prateleira { padding:100px 20px;text-align:center;color:#999;background:#fff; }
  .prateleira .col-md-6, .prateleira .col-md-3 { padding:50px 10px; }
  #destaque { background:#fff;color:#a5dc8a;padding:100px 30px;text-align:center;border-radius:50%;width:90%;margin:auto; }
  #mapa-site { width:100%; }
}