..

0	/* Modified version of the purecss landingpage theme. */
1	main > .content {
2	margin-bottom: 3em;
3	}
4
5	body {
6	line-height: 1.7em;
7	color: black;
8	font-size: 13px;
9	}
10
11	h1,
12	h2,
13	h3,
14	h4,
15	h5,
16	h6,
17	label {
18	color: black;
19	}
20
21	.pure-img-responsive {
22	max-width: 100%;
23	height: auto;
24	}
25
26	.l-box {
27	padding: 1em;
28	}
29
30	.l-box-lrg {
31	padding: 2em;
32	border-bottom: 1px solid rgba(0,0,0,0.1);
33	}
34
35	.is-center {
36	text-align: center;
37	}
38
39	.pure-form label {
40	margin: 1em 0 0;
41	font-weight: bold;
42	font-size: 100%;
43	}
44
45	.pure-form input[type] {
46	border: 2px solid #ddd;
47	box-shadow: none;
48	font-size: 100%;
49	width: 100%;
50	margin-bottom: 1em;
51	}
52
53	.pure-menu.pure-menu-fixed {
54	border-bottom: none;
55	z-index: 4;
56	}
57
58	.splash-container {
59	background: var(--background0);
60	z-index: 1;
61	overflow: hidden;
62	/* The following styles are required for the "scroll-over" effect */
63	width: 100%;
64	height: 88%;
65	top: 0;
66	left: 0;
67	position: fixed !important;
68	}
69
70	.splash {
71	/* absolute center .splash within .splash-container */
72	width: 80%;
73	height: 50%;
74	margin: auto;
75	position: absolute;
76	top: 100px; left: 0; bottom: 0; right: 0;
77	text-align: center;
78	text-transform: uppercase;
79	}
80
81	.splash a:hover {
82	background-color: var(--background4);
83	}
84
85	/* This is the main heading that appears on the blue section */
86	.splash-head {
87	font-size: 20px;
88	font-weight: bold;
89	color: black;
90	border: 3px solid black;
91	padding: 1em 1.6em;
92	font-weight: 100;
93	border-radius: 5px;
94	line-height: 1em;
95	}
96
97	/* This is the subheading that appears on the blue section */
98	.splash-subhead {
99	color: black;
100	letter-spacing: 0.05em;
101	opacity: 0.8;
102	}
103
104	.content-wrapper {
105	/* These styles are required for the "scroll-over" effect */
106	background: var(--background4);
107	min-height: 12%;
108	position: absolute;
109	top: 87%;
110	width: 100%;
111	z-index: 2;
112	}
113
114	.content {
115	padding: 1em 1em;
116	}
117
118	.content-head {
119	font-weight: 400;
120	text-transform: uppercase;
121	letter-spacing: 0.1em;
122	margin: 2em 0 1em;
123	}
124
125	.content-head-ribbon {
126	color: black;
127	}
128
129	.content-subhead {
130	color: black;
131	}
132	.content-subhead i {
133	margin-right: 7px;
134	}
135
136	.ribbon {
137	background: var(--background0);
138	color: black;
139	}
140
141	@media (min-width: 48em) {
142	body {
143	font-size: 16px;
144	}
145	.home-menu {
146	text-align: left;
147	}
148	.home-menu ul {
149	float: right;
150	}
151	.splash {
152	width: 50%;
153	height: 50%;
154	}
155	.splash-head {
156	font-size: 250%;
157	}
158	.l-box-lrg {
159	border: none;
160	}
161	}
162
163	@media (min-width: 78em) {
164	.splash-head {
165	font-size: 300%;
166	}
167	}