Advertisement
Guest User

CSS

a guest
Jun 26th, 2017
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.15 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Montserrat');
  2.  
  3. body {
  4. font-family: 'Monserrat', sans-serif;
  5. font-size: 12px;
  6.  
  7.  
  8. }
  9.  
  10. body > header {
  11. padding-top: 20px;
  12. background-image: url(images/layer-759_02.jpg);
  13. background-repeat: no-repeat;
  14. background-size: cover;
  15. height: calc(100vh - 40px);
  16. }
  17.  
  18. nav {
  19. background: rgba(199, 157, 99, 0.75);
  20. width: 1100px;
  21. margin: 0 auto;
  22. }
  23.  
  24. nav > ul.nav-primary {
  25. height: 60px;
  26. list-style: none;
  27. display: flex;
  28. justify-content: center;
  29. background: rgba(199,157,99, 0.75)
  30. }
  31.  
  32. .nav-item {
  33. line-height: 60px;
  34. margin: 0 70px 0 auto;
  35. }
  36.  
  37. .nav-item a {
  38. color: #fff;
  39. text-decoration: none;
  40. font-weight: 900
  41. font-size: 14px;
  42. }
  43.  
  44. .home.nav-item {
  45. margin-left: 30px;
  46. opacity: 0.7;
  47. }
  48.  
  49. .consulting-rev {
  50. width: 500px;
  51. margin: 0 auto;
  52. color: #fff;
  53. }
  54.  
  55. .consulting-rev h1 {
  56. font-size: 60px;
  57. text-align: center;
  58. margin-top: 100px;
  59. margin-bottom: 50px;
  60. text-transform: uppercase;
  61. font-weight: bold;
  62. }
  63.  
  64. .consulting-rev p {
  65. font-size: 24px;
  66. text-align: center;
  67. }
  68.  
  69. .consulting-rev a {
  70. margin: 20px auto;
  71. display: block;
  72. width: 120px;
  73. height: 25px;
  74. background: #090821;
  75. padding: 10px;
  76. line-height: 25px;
  77. text-align: center;
  78. border-radius: 5px;
  79. color: #fff;
  80. font-weight: 900;
  81. text-decoration: none;
  82. text-transform: uppercase;
  83. }
  84.  
  85. .consulting-rev i {
  86. color: #c79d63;
  87.  
  88. }
  89.  
  90.  
  91. .consulting-rev a:hover,
  92. .consulting-rev a:hover .fa-chevron-right {
  93. background: #c79d63;
  94. color: #090821;
  95. cursor: pointer;
  96. }
  97.  
  98.  
  99. /*MAIN CONTENT STYLING */
  100.  
  101.  
  102. .industries h2 {
  103. text-align: center;
  104. }
  105.  
  106. .industries section {
  107. text-align: center;
  108. margin-top: 50px;
  109. }
  110.  
  111.  
  112.  
  113. .industries > header h2 {
  114. font-size: 50px;
  115. margin-top: 40px;
  116. }
  117.  
  118. article {
  119. width: 25%;
  120. display: inline-block;
  121. margin-left: 18px;
  122. background: red;
  123. }
  124.  
  125. .industries .icon {
  126. display: inline-block;
  127. vertical-align: top;
  128. font-size: 30px;
  129. width: 50px;
  130. height: 50px;
  131. line-height: 50px;
  132. background: #090821;
  133. color: #fff;
  134. border-radius: 50%;
  135. margin-right: 7px;
  136. }
  137.  
  138. .industries p {
  139. font-size: 16px;
  140. text-transform: none;
  141. color: #000;
  142. margin: 10px 0 0;
  143. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement