style.scss 688 B

12345678910111213141516171819202122232425262728293031
  1. .acino {
  2. flex: none;
  3. background: url("//dd.unicraft.org/static/branding/acino/header/bg.png") repeat;
  4. padding: 2rem 2rem 7rem 3rem;
  5. text-align: left;
  6. background-size: cover;
  7. background-position: left 30%;
  8. background-repeat: no-repeat;
  9. border-bottom: 2px solid #EF7C00;
  10. user-select: none;
  11. @media (max-width: 800px) {
  12. background-size: 800px auto;
  13. }
  14. &_logo {
  15. height: 4rem;
  16. margin: 0;
  17. display: block;
  18. }
  19. &_slogan {
  20. color: #666B6E;
  21. font-size: 22px;
  22. display: block;
  23. width: 50%;
  24. max-width: 40rem;
  25. min-width: 25rem;
  26. padding: 1rem 0 0 5.5rem;
  27. }
  28. }