modern-business.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /*!
  2. * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
  3. * Code licensed under the Apache License v2.0.
  4. * For details, see http://www.apache.org/licenses/LICENSE-2.0.
  5. */
  6. /* Global Styles */
  7. html,
  8. body {
  9. height: 100%;
  10. }
  11. .img-portfolio {
  12. margin-bottom: 30px;
  13. }
  14. .img-hover:hover {
  15. opacity: 0.8;
  16. }
  17. /* Home Page Carousel */
  18. header.carousel {
  19. height: 50%;
  20. }
  21. header.carousel .item,
  22. header.carousel .item.active,
  23. header.carousel .carousel-inner {
  24. height: 100%;
  25. }
  26. header.carousel .fill {
  27. width: 100%;
  28. height: 100%;
  29. background-position: center;
  30. background-size: cover;
  31. }
  32. /* 404 Page Styles */
  33. .error-404 {
  34. font-size: 100px;
  35. }
  36. /* Pricing Page Styles */
  37. .price {
  38. display: block;
  39. font-size: 50px;
  40. line-height: 50px;
  41. }
  42. .price sup {
  43. top: -20px;
  44. left: 2px;
  45. font-size: 20px;
  46. }
  47. .period {
  48. display: block;
  49. font-style: italic;
  50. }
  51. /* Footer Styles */
  52. footer {
  53. margin: 50px 0;
  54. }
  55. /* Responsive Styles */
  56. @media(max-width:991px) {
  57. .client-img,
  58. .img-related {
  59. margin-bottom: 30px;
  60. }
  61. }
  62. @media(max-width:767px) {
  63. .img-portfolio {
  64. margin-bottom: 15px;
  65. }
  66. header.carousel .carousel {
  67. height: 70%;
  68. }
  69. }