equal
deleted
inserted
replaced
8 |
8 |
9 .backdrop { |
9 .backdrop { |
10 position: absolute; opacity: .3; -webkit-filter: blur(5px); filter: blur(5px); |
10 position: absolute; opacity: .3; -webkit-filter: blur(5px); filter: blur(5px); |
11 } |
11 } |
12 |
12 |
13 .main-image { |
13 .image-container { |
14 position: absolute; top: 50px; right: 50px; |
14 position: absolute; top: 50px; right: 50px; |
15 } |
15 } |
16 |
16 |
17 .caption-wrap { |
17 .caption-wrap { |
18 position: absolute; left: 50px; right: 50px; bottom: 50px; |
18 position: absolute; left: 50px; right: 50px; bottom: 50px; |
22 font-family: "Lato"; width: 480px; max-width: 100%; |
22 font-family: "Lato"; width: 480px; max-width: 100%; |
23 background: #ffffff; |
23 background: #ffffff; |
24 padding: 16px 0; margin: 0; |
24 padding: 16px 0; margin: 0; |
25 } |
25 } |
26 |
26 |
27 .main-image, .caption { |
27 .caption { |
28 box-shadow: 4px 4px 2px rgba(0,0,0,.5); |
28 box-shadow: 4px 4px 2px rgba(0,0,0,.5); |
29 } |
29 } |
30 |
30 |
31 .caption h2 { |
31 .caption h2 { |
32 font-size: 18px; font-weight: bold; margin: 0; padding: 0 20px 5px; |
32 font-size: 18px; font-weight: bold; margin: 0; padding: 0 20px 5px; |