Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
/* Cubic Bezier Transition */
2 
/***
3 
Anout Us Page
4 
***/
5 
/* BEGIN HEADER */
6 
.about-header {
7 
  height: 500px;
8 
  background-image: url("../media/bg/5.jpg");
9 
  background-position: center;
10 
  text-align: center;
11 
  margin: 0 -20px; }
12 
 
13 
.about-header h1 {
14 
  color: #fff;
15 
  font-size: 55px;
16 
  font-weight: 600;
17 
  margin-top: 130px;
18 
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
19 
 
20 
.about-header h2 {
21 
  color: #fff;
22 
  font-size: 22px;
23 
  font-weight: 400;
24 
  letter-spacing: 1px;
25 
  text-transform: uppercase;
26 
  margin-top: 30px;
27 
  margin-bottom: 40px; }
28 
 
29 
/* END HEADER */
30 
/* BEGIN CARD */
31 
.card-icon {
32 
  width: 100%;
33 
  text-align: center;
34 
  overflow: hidden; }
35 
 
36 
.card-icon i {
37 
  font-size: 50px;
38 
  border: 1px solid #ecf0f4;
39 
  -webkit-border-radius: 50%;
40 
  -moz-border-radius: 50%;
41 
  border-radius: 50%;
42 
  padding: 47px 30px;
43 
  margin: 30px 0 30px 0; }
44 
 
45 
.card-title {
46 
  text-align: center; }
47 
 
48 
.card-title span {
49 
  font-size: 18px;
50 
  font-weight: 600;
51 
  color: #373d43; }
52 
 
53 
.card-desc {
54 
  text-align: center;
55 
  margin-top: 20px;
56 
  margin-bottom: 30px; }
57 
 
58 
.card-desc span {
59 
  font-size: 14px;
60 
  font-weight: 400;
61 
  color: #808a94; }
62 
 
63 
/* END CARD */
64 
/* BEGIN LINKS BLOCK */
65 
.about-links-cont {
66 
  background-color: #fff;
67 
  margin: 0 -20px; }
68 
 
69 
.about-links-cont .about-links {
70 
  padding: 70px 0 70px 70px; }
71 
 
72 
.about-links-cont .about-image {
73 
  padding-left: 110px; }
74 
 
75 
.about-links-item h4 {
76 
  font-size: 18px;
77 
  font-weight: 600;
78 
  color: #373d43; }
79 
 
80 
.about-links-item ul {
81 
  margin: 0;
82 
  padding: 0;
83 
  list-style-type: none; }
84 
 
85 
.about-links-item ul li {
86 
  padding-top: 5px; }
87 
 
88 
.about-links-item ul li a {
89 
  font-size: 14px;
90 
  font-weight: 400;
91 
  color: #4a8fba; }
92 
 
93 
.about-image {
94 
  background-repeat: no-repeat;
95 
  background-size: cover; }
96 
 
97 
/* END LINKS BLOCK */
98 
/* BEGIN MEMBERS SUCCESS STORIES */
99 
.stories-header {
100 
  text-align: center; }
101 
 
102 
.stories-header h1 {
103 
  color: #373d43;
104 
  font-size: 35px;
105 
  font-weight: 600; }
106 
 
107 
.stories-header h2 {
108 
  color: #808a94;
109 
  font-size: 18px;
110 
  font-weight: 400;
111 
  letter-spacing: 1px;
112 
  text-transform: uppercase;
113 
  margin-top: 20px; }
114 
 
115 
.stories-cont .photo {
116 
  width: 100%; }
117 
 
118 
.stories-cont .photo img {
119 
  margin: 30px auto;
120 
  width: 130px;
121 
  height: 130px;
122 
  -webkit-border-radius: 50% !important;
123 
  -moz-border-radius: 50% !important;
124 
  border-radius: 50% !important; }
125 
 
126 
.stories-cont .title {
127 
  text-align: center; }
128 
 
129 
.stories-cont .title span {
130 
  font-size: 18px;
131 
  font-weight: 600;
132 
  color: #373d43; }
133 
 
134 
.stories-cont .desc {
135 
  text-align: center;
136 
  margin-top: 20px;
137 
  margin-bottom: 30px; }
138 
 
139 
.stories-cont .desc span {
140 
  font-size: 14px;
141 
  font-weight: 400;
142 
  color: #808a94; }
143 
 
144 
.stories-footer {
145 
  text-align: center; }
146 
 
147 
/* END MEMBERS SUCCESS STORIES */
148 
/* BEGIN ABOUt AND VIDEO */
149 
.about-text {
150 
  height: 500px;
151 
  padding: 0 !important; }
152 
  .about-text > h4 {
153 
    background-color: #d9534f;
154 
    font-size: 24px;
155 
    font-weight: 600;
156 
    color: #fff;
157 
    padding: 1em 20px;
158 
    margin: 0; }
159 
    .about-text > h4 > i {
160 
      font-size: 24px !important;
161 
      color: #fff; }
162 
  .about-text > p {
163 
    color: #808a94; }
164 
  .about-text ul,
165 
  .about-text > p,
166 
  .about-text .about-quote {
167 
    padding-left: 20px;
168 
    padding-right: 20px; }
169 
  .about-text li {
170 
    margin-bottom: 0.5em; }
171 
  .about-text .about-quote > h3 {
172 
    border-left: 3px solid;
173 
    border-color: #ccc;
174 
    padding-left: 1em;
175 
    font-style: italic;
176 
    line-height: 1.3em; }
177 
  .about-text .about-quote > .about-author {
178 
    text-align: right; }
179 
 
180 
.about-image {
181 
  height: 545px; }
182 
 
183 
.about-links-item {
184 
  margin-bottom: 2em; }
185 
 
186 
/* END ABOUt AND VIDEO */
187 
/* BEGIN RESPONSIVE */
188 
@media (max-width: 600px) {
189 
  .about-text {
190 
    height: auto;
191 
    padding-bottom: 1.5em !important; }
192 
  .about-image {
193 
    margin: 0 -20px; } }
194 
 
195 
/* END RESPONSIVE */