-
Notifications
You must be signed in to change notification settings - Fork 0
/
css.css
63 lines (54 loc) · 2.1 KB
/
css.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato", sans-serif;
}
body,
html {
height: 100%;
color: #000000;
line-height: 1.8;
}
/* Create a Parallax Effect */
.bgimg-1,
.bgimg-2,
.bgimg-3 {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* First image (Logo. Full height) */
.bgimg-1 {
background-image: url('https://www.washingtonpost.com/resizer/83ZHRGeQSw8G6R1VBB3EZvJyFpM=/1484x0/arc-anglerfish-washpost-prod-washpost.s3.amazonaws.com/public/KWHJDRRYRUI6RLZ4EERXCX3Y34.jpg');
min-height: 100%;
}
/* Second image (Portfolio) */
.bgimg-2 {
background-image: url("https://www.washingtonpost.com/resizer/83ZHRGeQSw8G6R1VBB3EZvJyFpM=/1484x0/arc-anglerfish-washpost-prod-washpost.s3.amazonaws.com/public/KWHJDRRYRUI6RLZ4EERXCX3Y34.jpg");
min-height: 400px;
}
/* Third image (Contact) */
.bgimg-3 {
background-image: url("https://www.washingtonpost.com/resizer/83ZHRGeQSw8G6R1VBB3EZvJyFpM=/1484x0/arc-anglerfish-washpost-prod-washpost.s3.amazonaws.com/public/KWHJDRRYRUI6RLZ4EERXCX3Y34.jpg");
min-height: 400px;
}
.w3-wide {
letter-spacing: 10px;
}
.w3-hover-opacity {
cursor: pointer;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
.bgimg-1,
.bgimg-2,
.bgimg-3 {
background-attachment: scroll;
min-height: 400px;
}
}