You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

55 lines
725B

  1. .inverted-colours {
  2. background: $foreground;
  3. color: $background;
  4. }
  5. .hero {
  6. width: 60%;
  7. margin: 0 auto;
  8. margin-top: 3rem;
  9. margin-bottom: 6rem;
  10. text-align: center;
  11. &__tagline {
  12. margin-bottom: 2rem;
  13. }
  14. }
  15. .selling-points {
  16. padding: 3rem;
  17. &__content {
  18. display: flex;
  19. flex-wrap: wrap;
  20. }
  21. }
  22. .selling-point {
  23. // 2 selling points per row on desktop
  24. width: 33%;
  25. padding: 2rem;
  26. padding-top: 1rem;
  27. }
  28. // and 1 on mobile
  29. @media only screen and (max-width: 1000px) {
  30. .hero {
  31. width: 90%;
  32. margin-top: 2rem;
  33. margin-bottom: 4rem;
  34. }
  35. .selling-points {
  36. padding: 2rem;
  37. }
  38. .selling-point {
  39. width: 100%;
  40. padding: 1rem;
  41. h2 {
  42. text-align: center;
  43. }
  44. }
  45. }