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.

133 lines
2.0 KiB

10 years ago
  1. /*******************************
  2. Global
  3. *******************************/
  4. html {
  5. font-size: 14px;
  6. }
  7. /*******************************
  8. Global
  9. *******************************/
  10. #home .menu .right.menu > .mobile.item {
  11. display: none;
  12. }
  13. /*--------------
  14. Masthead
  15. ---------------*/
  16. #home .masthead {
  17. background-image: url(images/bg.jpg);
  18. margin: 0em;
  19. padding: 5rem 0rem;
  20. }
  21. #home .masthead .column {
  22. position: relative;
  23. }
  24. #home .masthead .information {
  25. margin: 10em 1em 1em 350px;
  26. }
  27. #home .masthead .information p {
  28. max-width: 600px;
  29. }
  30. #home .masthead .image {
  31. position: absolute;
  32. left: 0%;
  33. bottom: -110px;
  34. }
  35. /*--------------
  36. Ribbons
  37. ---------------*/
  38. #home .segment h1 {
  39. font-size: 3em;
  40. margin-bottom: 1em;
  41. }
  42. #home .vertical.segment {
  43. padding: 12rem 0rem;
  44. }
  45. #home .feature.segment {
  46. margin: 0em;
  47. padding: 6rem 0rem;
  48. }
  49. #home .feature.segment p {
  50. min-height: 50px;
  51. }
  52. #home .selection.list {
  53. margin: 0em -0.5em;
  54. }
  55. #home .logo.row {
  56. height: 10rem;
  57. }
  58. /*--------------
  59. Footer
  60. ---------------*/
  61. #home .footer.segment {
  62. background-color: #000000;
  63. padding: 3rem 0rem;
  64. }
  65. /*******************************
  66. Responsive
  67. *******************************/
  68. /* Mobile Only */
  69. @media only screen and (max-width : 768px) {
  70. #home .menu .right.menu > .item {
  71. display: none;
  72. }
  73. #home .menu .right.menu > .mobile.item {
  74. display: block;
  75. }
  76. #home .menu .right.menu > .mobile.item .menu {
  77. left: auto;
  78. right: 0em;
  79. }
  80. #home h1 {
  81. font-size: 1.5em;
  82. }
  83. #home .masthead.segment .information {
  84. margin-left: 170px;
  85. }
  86. #home .masthead.segment .image {
  87. width: 170px;
  88. }
  89. #home .masthead.segment .button {
  90. font-size: 1rem;
  91. }
  92. #home .overview .divided.grid .header .icon {
  93. font-size: 1.5em;
  94. }
  95. #home .overview .divided.grid .header + p {
  96. min-height: 0px;
  97. }
  98. #home .masthead.segment .column {
  99. font-size: 0.7rem;
  100. }
  101. #home .masthead.segment .column p {
  102. display: none;
  103. }
  104. #home .selection.list .right.floated {
  105. display: none;
  106. }
  107. }