1@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
2body {
3  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
4  font-weight: 300;
5  color: #ffffff;
6  background: #bc2131;
7}
8h1,
9h2,
10h3,
11h4,
12h5,
13h6 {
14  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
15  font-weight: 300;
16}
17p {
18  font-weight: 300;
19}
20.font-normal {
21  font-weight: 400;
22}
23.font-semi-bold {
24  font-weight: 600;
25}
26.font-bold {
27  font-weight: 700;
28}
29.starter-template {
30  margin-top: 250px;
31}
32.starter-template .content {
33  margin-left: 10px;
34}
35.starter-template .content h1 {
36  margin-top: 10px;
37  font-size: 60px;
38}
39.starter-template .content h1 .smaller {
40  font-size: 40px;
41  color: #f2b7bd;
42}
43.starter-template .content .lead {
44  font-size: 25px;
45  color: #f2b7bd;
46}
47.starter-template .content .lead .font-normal {
48  color: #ffffff;
49}
50.starter-template .links {
51  float: right;
52  right: 0;
53  margin-top: 125px;
54}
55.starter-template .links ul {
56  display: block;
57  padding: 0;
58  margin: 0;
59}
60.starter-template .links ul li {
61  list-style: none;
62  display: inline;
63  margin: 0 10px;
64}
65.starter-template .links ul li:first-child {
66  margin-left: 0;
67}
68.starter-template .links ul li:last-child {
69  margin-right: 0;
70}
71.starter-template .links ul li.current-version {
72  color: #f2b7bd;
73  font-weight: 400;
74}
75.starter-template .links ul li a {
76  color: #ffffff;
77}
78.starter-template .links ul li a:hover {
79  text-decoration: underline;
80}
81.starter-template .links ul li .icon-muted {
82  color: #eb8b95;
83  margin-right: 5px;
84}
85.starter-template .links ul li:hover .icon-muted {
86  color: #ffffff;
87}
88.starter-template .copyright {
89  margin-top: 10px;
90  font-size: 0.9em;
91  color: #f2b7bd;
92  text-transform: lowercase;
93  float: right;
94  right: 0;
95}
96@media (max-width: 1199px) {
97  .starter-template .content h1 {
98    font-size: 45px;
99  }
100  .starter-template .content h1 .smaller {
101    font-size: 30px;
102  }
103  .starter-template .content .lead {
104    font-size: 20px;
105  }
106}
107@media (max-width: 991px) {
108  .starter-template {
109    margin-top: 0;
110  }
111  .starter-template .logo {
112    margin: 40px auto;
113  }
114  .starter-template .content {
115    margin-left: 0;
116    text-align: center;
117  }
118  .starter-template .content h1 {
119    margin-bottom: 20px;
120  }
121  .starter-template .links {
122    float: none;
123    text-align: center;
124    margin-top: 60px;
125  }
126  .starter-template .copyright {
127    float: none;
128    text-align: center;
129  }
130}
131@media (max-width: 767px) {
132  .starter-template .content h1 .smaller {
133    font-size: 25px;
134    display: block;
135  }
136  .starter-template .content .lead {
137    font-size: 16px;
138  }
139  .starter-template .links {
140    margin-top: 40px;
141  }
142  .starter-template .links ul li {
143    display: block;
144    margin: 0;
145  }
146  .starter-template .links ul li .icon-muted {
147    display: none;
148  }
149  .starter-template .copyright {
150    margin-top: 20px;
151  }
152}
153