_404_500_errors.scss 671 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. //
  2. // Pages: 400 and 500 error pages
  3. //
  4. .error-page {
  5. margin: 20px auto 0;
  6. width: 600px;
  7. @include media-breakpoint-down(sm) {
  8. width: 100%;
  9. }
  10. //For the error number e.g: 404
  11. > .headline {
  12. float: left;
  13. font-size: 100px;
  14. font-weight: 300;
  15. @include media-breakpoint-down(sm) {
  16. float: none;
  17. text-align: center;
  18. }
  19. }
  20. //For the message
  21. > .error-content {
  22. display: block;
  23. margin-left: 190px;
  24. @include media-breakpoint-down(sm) {
  25. margin-left: 0;
  26. }
  27. > h3 {
  28. font-size: 25px;
  29. font-weight: 300;
  30. @include media-breakpoint-down(sm) {
  31. text-align: center;
  32. }
  33. }
  34. }
  35. }