layout.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. @media screen and (min-width: 768px) {
  2. main:not(.home) {
  3. padding: 1.5rem 0 !important; } }
  4. @media screen and (min-width: 992px) {
  5. main:not(.home) {
  6. padding: 4rem 0 !important; } }
  7. body {
  8. position: relative; }
  9. body #content-ontop {
  10. z-index: 3000;
  11. position: relative;
  12. top: -1200px; }
  13. body #background-animated {
  14. z-index: 2000;
  15. position: relative;
  16. left: -350px; }
  17. body::before {
  18. z-index: -1;
  19. content: " ";
  20. width: 100%;
  21. height: 100%;
  22. background-repeat: no-repeat;
  23. background-size: content;
  24. display: block;
  25. position: absolute;
  26. top: 0;
  27. left: 0; }
  28. article.publications, article.interviews {
  29. margin-top: 1rem; }
  30. article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
  31. max-width: 100%;
  32. max-height: 400px;
  33. object-fit: contain; }
  34. @media screen and (min-width: 992px) {
  35. article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
  36. width: 100%; } }