layout.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  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. opacity: 0.5;
  27. top: 100px;
  28. left: +53px; }
  29. article.publications, article.interviews {
  30. margin-top: 1rem; }
  31. article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
  32. max-width: 100%;
  33. max-height: 400px;
  34. object-fit: contain; }
  35. @media screen and (min-width: 992px) {
  36. article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
  37. width: 100%; } }