1
+ .image {
2
+ background-color : # 490d40 ;
3
+ background : url(../ img/header.jpg) no-repeat center center;
4
+ background-size : cover;
5
+ height : 570px ;
6
+ margin-top : -20px ;
7
+ }
8
+ .image .heading {
9
+ color : white;
10
+ text-align : center;
11
+ padding-top : 200px ;
12
+ }
13
+ .image p {
14
+ text-align : center;
15
+ padding : 20px 60px ;
16
+ }
17
+ .image p .btn {
18
+ background-color : transparent;
19
+ color : white;
20
+ border : 1px solid white;
21
+ padding : 10px ;
22
+ font-size : 1.2em ;
23
+ }
24
+ .image p .btn : hover {
25
+ color : # c57ed3 ;
26
+ border-color : # c57ed3 ;
27
+ }
28
+ .navbar {
29
+ height : 80px ;
30
+ background-color : transparent;
31
+ border : none;
32
+ color : white;
33
+ z-index : 100 ;
34
+ transition : background-color 1s ease 0s ;
35
+ }
36
+ .navbar-default .navbar-brand {
37
+ /* margin-top: 10px;*/
38
+ color : white;
39
+ margin-left : 0% ;
40
+ }
41
+ .navbar-default .navbar-nav > li > a {
42
+ color : white;
43
+ margin : 10px 5px 5px 5px ;
44
+ }
45
+ .navbar-default .navbar-nav > li > a : hover , .navbar-default .navbar-nav > li > a : active , .navbar-default .navbar-nav > li > a : focus {
46
+ color : # F1948A ;
47
+ border : 1px solid # F1948A ;
48
+ }
49
+
50
+ .navbar-default .navbar-nav > .active > a , .navbar-default .navbar-nav > .active > a : hover , .navbar-default .navbar-nav > .active > a : focus {
51
+ background-color : transparent;
52
+ color : # F1948A ;
53
+ }
54
+ .navbar-default .navbar-toggle {
55
+ border-color : # F1948A ;
56
+ background-color : # ffffff ;
57
+ }
58
+ .navbar-default .navbar-toggle : hover {
59
+ background-color : # F1948A ;
60
+ }
61
+ /* .navbar-default .navbar-toggle .icon-bar {
62
+ color: #F1948A;
63
+ background-color: #F1948A;
64
+ }*/
65
+ .navbar-default .navbar-collapse .collapse .in ul {
66
+ background-color : # 373A36 ;
67
+ }
68
+ .navbar-default .navbar-collapse .collapse .in li a {
69
+ background-color : # 373A36 ;
70
+ text-align : center;
71
+ }
72
+ /* Solid class attached on scroll past first section */
73
+ .navbar .solid {
74
+ background-color : # 373A36 ;
75
+ transition : background-color 1s ease 0s ;
76
+ box-shadow : 0 0 4px grey;
77
+ }
78
+ .navbar .solid .navbar-brand {
79
+ color : # D48166 ;
80
+ transition : color 1s ease 0s ;
81
+ }
82
+ .navbar .solid .navbar-nav > li > a {
83
+ color : # D48166 ;
84
+ transition : color 1s ease 0s ;
85
+ }
86
+ .about {
87
+ background-color : # E6E2DD ;
88
+ color : # 490d40 ;
89
+ height : 600px ;
90
+ text-align : center;
91
+ margin-top : -20px ;
92
+ }
93
+ .about h2 {
94
+ padding-top : 220px ;
95
+ }
96
+ .about p {
97
+ padding : 20px 80px ;
98
+ }
99
+
100
+
101
+ footer {
102
+ bottom : 0 ;
103
+ width : 100% ;
104
+ }
105
+ .footer-distributed {
106
+ background-color : # 373A36 ;
107
+ box-shadow : 0 1px 1px 0 rgba (0 , 0 , 0 , 0.12 );
108
+ box-sizing : border-box;
109
+ width : 100% ;
110
+ text-align : left;
111
+ font : bold 16px sans-serif;
112
+ padding : 55px 50px ;
113
+ /* margin-top: 80px; */
114
+ }
115
+
116
+ .footer-distributed .footer-left ,
117
+ .footer-distributed .footer-center ,
118
+ .footer-distributed .footer-right {
119
+ display : inline-block;
120
+ vertical-align : top;
121
+ }
122
+
123
+ .footer-distributed .footer-left {
124
+ width : 40% ;
125
+ }
126
+
127
+ .footer-distributed h3 {
128
+ color : # E6E2DD ;
129
+ font : normal 36px 'Montez' , cursive;
130
+ margin : 0 ;
131
+ }
132
+
133
+ .footer-distributed h3 span {
134
+ color : # D48166 ;
135
+ }
136
+
137
+
138
+ .footer-distributed .footer-links {
139
+ color : # E6E2DD ;
140
+ margin : 20px 0 12px ;
141
+ padding : 0 ;
142
+ }
143
+
144
+ .footer-distributed .footer-links a {
145
+ display : inline-block;
146
+ line-height : 1.8 ;
147
+ text-decoration : none;
148
+ color : inherit;
149
+ }
150
+
151
+ .footer-distributed .footer-company-name {
152
+ color : # D48166 ;
153
+ font-size : 14px ;
154
+ font-weight : normal;
155
+ margin : 0 ;
156
+ }
157
+
158
+
159
+ .footer-distributed .footer-center {
160
+ width : 35% ;
161
+ }
162
+
163
+ .footer-distributed .footer-center i {
164
+ background-color : # D48166 ;
165
+ color : # E6E2DD ;
166
+ font-size : 25px ;
167
+ width : 38px ;
168
+ height : 38px ;
169
+ border-radius : 50% ;
170
+ text-align : center;
171
+ line-height : 42px ;
172
+ margin : 10px 15px ;
173
+ vertical-align : middle;
174
+ }
175
+
176
+ .footer-distributed .footer-center i .fa-envelope {
177
+ font-size : 17px ;
178
+ line-height : 38px ;
179
+ }
180
+
181
+ .footer-distributed .footer-center p {
182
+ display : inline-block;
183
+ color : # E6E2DD ;
184
+ vertical-align : middle;
185
+ margin : 0 ;
186
+ }
187
+
188
+ .footer-distributed .footer-center p span {
189
+ display : block;
190
+ font-weight : normal;
191
+ font-size : 14px ;
192
+ line-height : 2 ;
193
+ }
194
+
195
+ .footer-distributed .footer-center p a {
196
+ color : # E6E2DD ;
197
+ text-decoration : none;;
198
+ }
199
+
200
+ .footer-distributed .footer-right {
201
+ width : 20% ;
202
+ }
203
+
204
+ .footer-distributed .footer-company-about {
205
+ line-height : 20px ;
206
+ color : # E6E2DD ;
207
+ font-size : 13px ;
208
+ font-weight : normal;
209
+ margin : 0 ;
210
+ }
211
+
212
+ .footer-distributed .footer-company-about span {
213
+ display : block;
214
+ color : # E6E2DD ;
215
+ font-size : 14px ;
216
+ font-weight : bold;
217
+ margin-bottom : 20px ;
218
+ }
219
+
220
+ .footer-distributed .footer-icons {
221
+ margin-top : 25px ;
222
+ }
223
+
224
+ .footer-distributed .footer-icons a {
225
+ display : inline-block;
226
+ width : 35px ;
227
+ height : 35px ;
228
+ cursor : pointer;
229
+ background-color : # D48166 ;
230
+ border-radius : 2px ;
231
+ font-size : 20px ;
232
+ color : # ffffff ;
233
+ text-align : center;
234
+ line-height : 35px ;
235
+ margin-right : 3px ;
236
+ margin-bottom : 5px ;
237
+ }
238
+ .footer-distributed .footer-icons a : hover {
239
+ transition : all ease 0.6s ;
240
+ transform : scale (1.3 , 1.3 );
241
+ opacity : 0.7 ;
242
+ }
243
+
244
+ @media (max-width : 880px ) {
245
+ .footer-distributed {
246
+ font : bold 14px sans-serif;
247
+
248
+ }
249
+ .footer-distributed .footer-left ,
250
+ .footer-distributed .footer-center ,
251
+ .footer-distributed .footer-right {
252
+ display : block;
253
+ width : 100% ;
254
+ margin-bottom : 40px ;
255
+ text-align : center;
256
+ }
257
+ .footer-distributed .footer-center i {
258
+ margin-left : 0 ;
259
+ }
260
+
261
+ footer {
262
+ line-height : normal;
263
+ font-size : auto;
264
+ }
265
+
266
+
267
+ }
0 commit comments