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