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, a { 76 color: #f2b7bd; 77 text-decoration: underline; 78} 79.starter-template .links ul li a:hover, a:hover { 80 color: #ffffff; 81 text-decoration: underline; 82} 83.starter-template .links ul li .icon-muted { 84 color: #eb8b95; 85 margin-right: 5px; 86} 87.starter-template .links ul li:hover .icon-muted { 88 color: #ffffff; 89} 90.starter-template .copyright { 91 margin-top: 10px; 92 font-size: 0.9em; 93 color: #f2b7bd; 94 text-transform: lowercase; 95 float: right; 96 right: 0; 97} 98@media (max-width: 1199px) { 99 .starter-template .content h1 { 100 font-size: 45px; 101 } 102 .starter-template .content h1 .smaller { 103 font-size: 30px; 104 } 105 .starter-template .content .lead { 106 font-size: 20px; 107 } 108} 109@media (max-width: 991px) { 110 .starter-template { 111 margin-top: 0; 112 } 113 .starter-template .logo { 114 margin: 40px auto; 115 } 116 .starter-template .content { 117 margin-left: 0; 118 text-align: center; 119 } 120 .starter-template .content h1 { 121 margin-bottom: 20px; 122 } 123 .starter-template .links { 124 float: none; 125 text-align: center; 126 margin-top: 60px; 127 } 128 .starter-template .copyright { 129 float: none; 130 text-align: center; 131 } 132} 133@media (max-width: 767px) { 134 .starter-template .content h1 .smaller { 135 font-size: 25px; 136 display: block; 137 } 138 .starter-template .content .lead { 139 font-size: 16px; 140 } 141 .starter-template .links { 142 margin-top: 40px; 143 } 144 .starter-template .links ul li { 145 display: block; 146 margin: 0; 147 } 148 .starter-template .links ul li .icon-muted { 149 display: none; 150 } 151 .starter-template .copyright { 152 margin-top: 20px; 153 } 154} 155