src/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-grid.css

   1 @import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500");
   2 @-ms-viewport {
   3   width: device-width; }
   4
   5 html {
   6   box-sizing: border-box;
   7   -ms-overflow-style: scrollbar; }
   8
   9 *,
  10 *::before,
  11 *::after {
  12   box-sizing: inherit; }
  13
  14 .container {
  15   position: relative;
  16   margin-left: auto;
  17   margin-right: auto;
  18   padding-right: 12px;
  19   padding-left: 12px; }
  20   @media (min-width: 576px) {
  21     .container {
  22       padding-right: 12px;
  23       padding-left: 12px; } }
  24   @media (min-width: 768px) {
  25     .container {
  26       padding-right: 12px;
  27       padding-left: 12px; } }
  28   @media (min-width: 992px) {
  29     .container {
  30       padding-right: 12px;
  31       padding-left: 12px; } }
  32   @media (min-width: 1200px) {
  33     .container {
  34       padding-right: 12px;
  35       padding-left: 12px; } }
  36   @media (min-width: 576px) {
  37     .container {
  38       width: 540px;
  39       max-width: 100%; } }
  40   @media (min-width: 768px) {
  41     .container {
  42       width: 720px;
  43       max-width: 100%; } }
  44   @media (min-width: 992px) {
  45     .container {
  46       width: 960px;
  47       max-width: 100%; } }
  48   @media (min-width: 1200px) {
  49     .container {
  50       width: 1140px;
  51       max-width: 100%; } }
  52
  53 .container-fluid {
  54   position: relative;
  55   margin-left: auto;
  56   margin-right: auto;
  57   padding-right: 12px;
  58   padding-left: 12px; }
  59   @media (min-width: 576px) {
  60     .container-fluid {
  61       padding-right: 12px;
  62       padding-left: 12px; } }
  63   @media (min-width: 768px) {
  64     .container-fluid {
  65       padding-right: 12px;
  66       padding-left: 12px; } }
  67   @media (min-width: 992px) {
  68     .container-fluid {
  69       padding-right: 12px;
  70       padding-left: 12px; } }
  71   @media (min-width: 1200px) {
  72     .container-fluid {
  73       padding-right: 12px;
  74       padding-left: 12px; } }
  75
  76 .row {
  77   display: flex;
  78   flex-wrap: wrap;
  79   margin-right: -12px;
  80   margin-left: -12px; }
  81   @media (min-width: 576px) {
  82     .row {
  83       margin-right: -12px;
  84       margin-left: -12px; } }
  85   @media (min-width: 768px) {
  86     .row {
  87       margin-right: -12px;
  88       margin-left: -12px; } }
  89   @media (min-width: 992px) {
  90     .row {
  91       margin-right: -12px;
  92       margin-left: -12px; } }
  93   @media (min-width: 1200px) {
  94     .row {
  95       margin-right: -12px;
  96       margin-left: -12px; } }
  97
  98 .no-gutters {
  99   margin-right: 0;
 100   margin-left: 0; }
 101   .no-gutters > .col,
 102   .no-gutters > [class*="col-"] {
 103     padding-right: 0;
 104     padding-left: 0; }
 105
 106 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
 107   position: relative;
 108   width: 100%;
 109   min-height: 1px;
 110   padding-right: 12px;
 111   padding-left: 12px; }
 112   @media (min-width: 576px) {
 113     .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
 114       padding-right: 12px;
 115       padding-left: 12px; } }
 116   @media (min-width: 768px) {
 117     .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
 118       padding-right: 12px;
 119       padding-left: 12px; } }
 120   @media (min-width: 992px) {
 121     .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
 122       padding-right: 12px;
 123       padding-left: 12px; } }
 124   @media (min-width: 1200px) {
 125     .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
 126       padding-right: 12px;
 127       padding-left: 12px; } }
 128
 129 .col {
 130   flex-basis: 0;
 131   flex-grow: 1;
 132   max-width: 100%; }
 133
 134 .col-auto {
 135   flex: 0 0 auto;
 136   width: auto; }
 137
 138 .col-1 {
 139   flex: 0 0 8.3333333333%;
 140   max-width: 8.3333333333%; }
 141
 142 .col-2 {
 143   flex: 0 0 16.6666666667%;
 144   max-width: 16.6666666667%; }
 145
 146 .col-3 {
 147   flex: 0 0 25%;
 148   max-width: 25%; }
 149
 150 .col-4 {
 151   flex: 0 0 33.3333333333%;
 152   max-width: 33.3333333333%; }
 153
 154 .col-5 {
 155   flex: 0 0 41.6666666667%;
 156   max-width: 41.6666666667%; }
 157
 158 .col-6 {
 159   flex: 0 0 50%;
 160   max-width: 50%; }
 161
 162 .col-7 {
 163   flex: 0 0 58.3333333333%;
 164   max-width: 58.3333333333%; }
 165
 166 .col-8 {
 167   flex: 0 0 66.6666666667%;
 168   max-width: 66.6666666667%; }
 169
 170 .col-9 {
 171   flex: 0 0 75%;
 172   max-width: 75%; }
 173
 174 .col-10 {
 175   flex: 0 0 83.3333333333%;
 176   max-width: 83.3333333333%; }
 177
 178 .col-11 {
 179   flex: 0 0 91.6666666667%;
 180   max-width: 91.6666666667%; }
 181
 182 .col-12 {
 183   flex: 0 0 100%;
 184   max-width: 100%; }
 185
 186 .pull-0 {
 187   right: auto; }
 188
 189 .pull-1 {
 190   right: 8.3333333333%; }
 191
 192 .pull-2 {
 193   right: 16.6666666667%; }
 194
 195 .pull-3 {
 196   right: 25%; }
 197
 198 .pull-4 {
 199   right: 33.3333333333%; }
 200
 201 .pull-5 {
 202   right: 41.6666666667%; }
 203
 204 .pull-6 {
 205   right: 50%; }
 206
 207 .pull-7 {
 208   right: 58.3333333333%; }
 209
 210 .pull-8 {
 211   right: 66.6666666667%; }
 212
 213 .pull-9 {
 214   right: 75%; }
 215
 216 .pull-10 {
 217   right: 83.3333333333%; }
 218
 219 .pull-11 {
 220   right: 91.6666666667%; }
 221
 222 .pull-12 {
 223   right: 100%; }
 224
 225 .push-0 {
 226   left: auto; }
 227
 228 .push-1 {
 229   left: 8.3333333333%; }
 230
 231 .push-2 {
 232   left: 16.6666666667%; }
 233
 234 .push-3 {
 235   left: 25%; }
 236
 237 .push-4 {
 238   left: 33.3333333333%; }
 239
 240 .push-5 {
 241   left: 41.6666666667%; }
 242
 243 .push-6 {
 244   left: 50%; }
 245
 246 .push-7 {
 247   left: 58.3333333333%; }
 248
 249 .push-8 {
 250   left: 66.6666666667%; }
 251
 252 .push-9 {
 253   left: 75%; }
 254
 255 .push-10 {
 256   left: 83.3333333333%; }
 257
 258 .push-11 {
 259   left: 91.6666666667%; }
 260
 261 .push-12 {
 262   left: 100%; }
 263
 264 .offset-1 {
 265   margin-left: 8.3333333333%; }
 266
 267 .offset-2 {
 268   margin-left: 16.6666666667%; }
 269
 270 .offset-3 {
 271   margin-left: 25%; }
 272
 273 .offset-4 {
 274   margin-left: 33.3333333333%; }
 275
 276 .offset-5 {
 277   margin-left: 41.6666666667%; }
 278
 279 .offset-6 {
 280   margin-left: 50%; }
 281
 282 .offset-7 {
 283   margin-left: 58.3333333333%; }
 284
 285 .offset-8 {
 286   margin-left: 66.6666666667%; }
 287
 288 .offset-9 {
 289   margin-left: 75%; }
 290
 291 .offset-10 {
 292   margin-left: 83.3333333333%; }
 293
 294 .offset-11 {
 295   margin-left: 91.6666666667%; }
 296
 297 @media (min-width: 576px) {
 298   .col-sm {
 299     flex-basis: 0;
 300     flex-grow: 1;
 301     max-width: 100%; }
 302   .col-sm-auto {
 303     flex: 0 0 auto;
 304     width: auto; }
 305   .col-sm-1 {
 306     flex: 0 0 8.3333333333%;
 307     max-width: 8.3333333333%; }
 308   .col-sm-2 {
 309     flex: 0 0 16.6666666667%;
 310     max-width: 16.6666666667%; }
 311   .col-sm-3 {
 312     flex: 0 0 25%;
 313     max-width: 25%; }
 314   .col-sm-4 {
 315     flex: 0 0 33.3333333333%;
 316     max-width: 33.3333333333%; }
 317   .col-sm-5 {
 318     flex: 0 0 41.6666666667%;
 319     max-width: 41.6666666667%; }
 320   .col-sm-6 {
 321     flex: 0 0 50%;
 322     max-width: 50%; }
 323   .col-sm-7 {
 324     flex: 0 0 58.3333333333%;
 325     max-width: 58.3333333333%; }
 326   .col-sm-8 {
 327     flex: 0 0 66.6666666667%;
 328     max-width: 66.6666666667%; }
 329   .col-sm-9 {
 330     flex: 0 0 75%;
 331     max-width: 75%; }
 332   .col-sm-10 {
 333     flex: 0 0 83.3333333333%;
 334     max-width: 83.3333333333%; }
 335   .col-sm-11 {
 336     flex: 0 0 91.6666666667%;
 337     max-width: 91.6666666667%; }
 338   .col-sm-12 {
 339     flex: 0 0 100%;
 340     max-width: 100%; }
 341   .pull-sm-0 {
 342     right: auto; }
 343   .pull-sm-1 {
 344     right: 8.3333333333%; }
 345   .pull-sm-2 {
 346     right: 16.6666666667%; }
 347   .pull-sm-3 {
 348     right: 25%; }
 349   .pull-sm-4 {
 350     right: 33.3333333333%; }
 351   .pull-sm-5 {
 352     right: 41.6666666667%; }
 353   .pull-sm-6 {
 354     right: 50%; }
 355   .pull-sm-7 {
 356     right: 58.3333333333%; }
 357   .pull-sm-8 {
 358     right: 66.6666666667%; }
 359   .pull-sm-9 {
 360     right: 75%; }
 361   .pull-sm-10 {
 362     right: 83.3333333333%; }
 363   .pull-sm-11 {
 364     right: 91.6666666667%; }
 365   .pull-sm-12 {
 366     right: 100%; }
 367   .push-sm-0 {
 368     left: auto; }
 369   .push-sm-1 {
 370     left: 8.3333333333%; }
 371   .push-sm-2 {
 372     left: 16.6666666667%; }
 373   .push-sm-3 {
 374     left: 25%; }
 375   .push-sm-4 {
 376     left: 33.3333333333%; }
 377   .push-sm-5 {
 378     left: 41.6666666667%; }
 379   .push-sm-6 {
 380     left: 50%; }
 381   .push-sm-7 {
 382     left: 58.3333333333%; }
 383   .push-sm-8 {
 384     left: 66.6666666667%; }
 385   .push-sm-9 {
 386     left: 75%; }
 387   .push-sm-10 {
 388     left: 83.3333333333%; }
 389   .push-sm-11 {
 390     left: 91.6666666667%; }
 391   .push-sm-12 {
 392     left: 100%; }
 393   .offset-sm-0 {
 394     margin-left: 0%; }
 395   .offset-sm-1 {
 396     margin-left: 8.3333333333%; }
 397   .offset-sm-2 {
 398     margin-left: 16.6666666667%; }
 399   .offset-sm-3 {
 400     margin-left: 25%; }
 401   .offset-sm-4 {
 402     margin-left: 33.3333333333%; }
 403   .offset-sm-5 {
 404     margin-left: 41.6666666667%; }
 405   .offset-sm-6 {
 406     margin-left: 50%; }
 407   .offset-sm-7 {
 408     margin-left: 58.3333333333%; }
 409   .offset-sm-8 {
 410     margin-left: 66.6666666667%; }
 411   .offset-sm-9 {
 412     margin-left: 75%; }
 413   .offset-sm-10 {
 414     margin-left: 83.3333333333%; }
 415   .offset-sm-11 {
 416     margin-left: 91.6666666667%; } }
 417
 418 @media (min-width: 768px) {
 419   .col-md {
 420     flex-basis: 0;
 421     flex-grow: 1;
 422     max-width: 100%; }
 423   .col-md-auto {
 424     flex: 0 0 auto;
 425     width: auto; }
 426   .col-md-1 {
 427     flex: 0 0 8.3333333333%;
 428     max-width: 8.3333333333%; }
 429   .col-md-2 {
 430     flex: 0 0 16.6666666667%;
 431     max-width: 16.6666666667%; }
 432   .col-md-3 {
 433     flex: 0 0 25%;
 434     max-width: 25%; }
 435   .col-md-4 {
 436     flex: 0 0 33.3333333333%;
 437     max-width: 33.3333333333%; }
 438   .col-md-5 {
 439     flex: 0 0 41.6666666667%;
 440     max-width: 41.6666666667%; }
 441   .col-md-6 {
 442     flex: 0 0 50%;
 443     max-width: 50%; }
 444   .col-md-7 {
 445     flex: 0 0 58.3333333333%;
 446     max-width: 58.3333333333%; }
 447   .col-md-8 {
 448     flex: 0 0 66.6666666667%;
 449     max-width: 66.6666666667%; }
 450   .col-md-9 {
 451     flex: 0 0 75%;
 452     max-width: 75%; }
 453   .col-md-10 {
 454     flex: 0 0 83.3333333333%;
 455     max-width: 83.3333333333%; }
 456   .col-md-11 {
 457     flex: 0 0 91.6666666667%;
 458     max-width: 91.6666666667%; }
 459   .col-md-12 {
 460     flex: 0 0 100%;
 461     max-width: 100%; }
 462   .pull-md-0 {
 463     right: auto; }
 464   .pull-md-1 {
 465     right: 8.3333333333%; }
 466   .pull-md-2 {
 467     right: 16.6666666667%; }
 468   .pull-md-3 {
 469     right: 25%; }
 470   .pull-md-4 {
 471     right: 33.3333333333%; }
 472   .pull-md-5 {
 473     right: 41.6666666667%; }
 474   .pull-md-6 {
 475     right: 50%; }
 476   .pull-md-7 {
 477     right: 58.3333333333%; }
 478   .pull-md-8 {
 479     right: 66.6666666667%; }
 480   .pull-md-9 {
 481     right: 75%; }
 482   .pull-md-10 {
 483     right: 83.3333333333%; }
 484   .pull-md-11 {
 485     right: 91.6666666667%; }
 486   .pull-md-12 {
 487     right: 100%; }
 488   .push-md-0 {
 489     left: auto; }
 490   .push-md-1 {
 491     left: 8.3333333333%; }
 492   .push-md-2 {
 493     left: 16.6666666667%; }
 494   .push-md-3 {
 495     left: 25%; }
 496   .push-md-4 {
 497     left: 33.3333333333%; }
 498   .push-md-5 {
 499     left: 41.6666666667%; }
 500   .push-md-6 {
 501     left: 50%; }
 502   .push-md-7 {
 503     left: 58.3333333333%; }
 504   .push-md-8 {
 505     left: 66.6666666667%; }
 506   .push-md-9 {
 507     left: 75%; }
 508   .push-md-10 {
 509     left: 83.3333333333%; }
 510   .push-md-11 {
 511     left: 91.6666666667%; }
 512   .push-md-12 {
 513     left: 100%; }
 514   .offset-md-0 {
 515     margin-left: 0%; }
 516   .offset-md-1 {
 517     margin-left: 8.3333333333%; }
 518   .offset-md-2 {
 519     margin-left: 16.6666666667%; }
 520   .offset-md-3 {
 521     margin-left: 25%; }
 522   .offset-md-4 {
 523     margin-left: 33.3333333333%; }
 524   .offset-md-5 {
 525     margin-left: 41.6666666667%; }
 526   .offset-md-6 {
 527     margin-left: 50%; }
 528   .offset-md-7 {
 529     margin-left: 58.3333333333%; }
 530   .offset-md-8 {
 531     margin-left: 66.6666666667%; }
 532   .offset-md-9 {
 533     margin-left: 75%; }
 534   .offset-md-10 {
 535     margin-left: 83.3333333333%; }
 536   .offset-md-11 {
 537     margin-left: 91.6666666667%; } }
 538
 539 @media (min-width: 992px) {
 540   .col-lg {
 541     flex-basis: 0;
 542     flex-grow: 1;
 543     max-width: 100%; }
 544   .col-lg-auto {
 545     flex: 0 0 auto;
 546     width: auto; }
 547   .col-lg-1 {
 548     flex: 0 0 8.3333333333%;
 549     max-width: 8.3333333333%; }
 550   .col-lg-2 {
 551     flex: 0 0 16.6666666667%;
 552     max-width: 16.6666666667%; }
 553   .col-lg-3 {
 554     flex: 0 0 25%;
 555     max-width: 25%; }
 556   .col-lg-4 {
 557     flex: 0 0 33.3333333333%;
 558     max-width: 33.3333333333%; }
 559   .col-lg-5 {
 560     flex: 0 0 41.6666666667%;
 561     max-width: 41.6666666667%; }
 562   .col-lg-6 {
 563     flex: 0 0 50%;
 564     max-width: 50%; }
 565   .col-lg-7 {
 566     flex: 0 0 58.3333333333%;
 567     max-width: 58.3333333333%; }
 568   .col-lg-8 {
 569     flex: 0 0 66.6666666667%;
 570     max-width: 66.6666666667%; }
 571   .col-lg-9 {
 572     flex: 0 0 75%;
 573     max-width: 75%; }
 574   .col-lg-10 {
 575     flex: 0 0 83.3333333333%;
 576     max-width: 83.3333333333%; }
 577   .col-lg-11 {
 578     flex: 0 0 91.6666666667%;
 579     max-width: 91.6666666667%; }
 580   .col-lg-12 {
 581     flex: 0 0 100%;
 582     max-width: 100%; }
 583   .pull-lg-0 {
 584     right: auto; }
 585   .pull-lg-1 {
 586     right: 8.3333333333%; }
 587   .pull-lg-2 {
 588     right: 16.6666666667%; }
 589   .pull-lg-3 {
 590     right: 25%; }
 591   .pull-lg-4 {
 592     right: 33.3333333333%; }
 593   .pull-lg-5 {
 594     right: 41.6666666667%; }
 595   .pull-lg-6 {
 596     right: 50%; }
 597   .pull-lg-7 {
 598     right: 58.3333333333%; }
 599   .pull-lg-8 {
 600     right: 66.6666666667%; }
 601   .pull-lg-9 {
 602     right: 75%; }
 603   .pull-lg-10 {
 604     right: 83.3333333333%; }
 605   .pull-lg-11 {
 606     right: 91.6666666667%; }
 607   .pull-lg-12 {
 608     right: 100%; }
 609   .push-lg-0 {
 610     left: auto; }
 611   .push-lg-1 {
 612     left: 8.3333333333%; }
 613   .push-lg-2 {
 614     left: 16.6666666667%; }
 615   .push-lg-3 {
 616     left: 25%; }
 617   .push-lg-4 {
 618     left: 33.3333333333%; }
 619   .push-lg-5 {
 620     left: 41.6666666667%; }
 621   .push-lg-6 {
 622     left: 50%; }
 623   .push-lg-7 {
 624     left: 58.3333333333%; }
 625   .push-lg-8 {
 626     left: 66.6666666667%; }
 627   .push-lg-9 {
 628     left: 75%; }
 629   .push-lg-10 {
 630     left: 83.3333333333%; }
 631   .push-lg-11 {
 632     left: 91.6666666667%; }
 633   .push-lg-12 {
 634     left: 100%; }
 635   .offset-lg-0 {
 636     margin-left: 0%; }
 637   .offset-lg-1 {
 638     margin-left: 8.3333333333%; }
 639   .offset-lg-2 {
 640     margin-left: 16.6666666667%; }
 641   .offset-lg-3 {
 642     margin-left: 25%; }
 643   .offset-lg-4 {
 644     margin-left: 33.3333333333%; }
 645   .offset-lg-5 {
 646     margin-left: 41.6666666667%; }
 647   .offset-lg-6 {
 648     margin-left: 50%; }
 649   .offset-lg-7 {
 650     margin-left: 58.3333333333%; }
 651   .offset-lg-8 {
 652     margin-left: 66.6666666667%; }
 653   .offset-lg-9 {
 654     margin-left: 75%; }
 655   .offset-lg-10 {
 656     margin-left: 83.3333333333%; }
 657   .offset-lg-11 {
 658     margin-left: 91.6666666667%; } }
 659
 660 @media (min-width: 1200px) {
 661   .col-xl {
 662     flex-basis: 0;
 663     flex-grow: 1;
 664     max-width: 100%; }
 665   .col-xl-auto {
 666     flex: 0 0 auto;
 667     width: auto; }
 668   .col-xl-1 {
 669     flex: 0 0 8.3333333333%;
 670     max-width: 8.3333333333%; }
 671   .col-xl-2 {
 672     flex: 0 0 16.6666666667%;
 673     max-width: 16.6666666667%; }
 674   .col-xl-3 {
 675     flex: 0 0 25%;
 676     max-width: 25%; }
 677   .col-xl-4 {
 678     flex: 0 0 33.3333333333%;
 679     max-width: 33.3333333333%; }
 680   .col-xl-5 {
 681     flex: 0 0 41.6666666667%;
 682     max-width: 41.6666666667%; }
 683   .col-xl-6 {
 684     flex: 0 0 50%;
 685     max-width: 50%; }
 686   .col-xl-7 {
 687     flex: 0 0 58.3333333333%;
 688     max-width: 58.3333333333%; }
 689   .col-xl-8 {
 690     flex: 0 0 66.6666666667%;
 691     max-width: 66.6666666667%; }
 692   .col-xl-9 {
 693     flex: 0 0 75%;
 694     max-width: 75%; }
 695   .col-xl-10 {
 696     flex: 0 0 83.3333333333%;
 697     max-width: 83.3333333333%; }
 698   .col-xl-11 {
 699     flex: 0 0 91.6666666667%;
 700     max-width: 91.6666666667%; }
 701   .col-xl-12 {
 702     flex: 0 0 100%;
 703     max-width: 100%; }
 704   .pull-xl-0 {
 705     right: auto; }
 706   .pull-xl-1 {
 707     right: 8.3333333333%; }
 708   .pull-xl-2 {
 709     right: 16.6666666667%; }
 710   .pull-xl-3 {
 711     right: 25%; }
 712   .pull-xl-4 {
 713     right: 33.3333333333%; }
 714   .pull-xl-5 {
 715     right: 41.6666666667%; }
 716   .pull-xl-6 {
 717     right: 50%; }
 718   .pull-xl-7 {
 719     right: 58.3333333333%; }
 720   .pull-xl-8 {
 721     right: 66.6666666667%; }
 722   .pull-xl-9 {
 723     right: 75%; }
 724   .pull-xl-10 {
 725     right: 83.3333333333%; }
 726   .pull-xl-11 {
 727     right: 91.6666666667%; }
 728   .pull-xl-12 {
 729     right: 100%; }
 730   .push-xl-0 {
 731     left: auto; }
 732   .push-xl-1 {
 733     left: 8.3333333333%; }
 734   .push-xl-2 {
 735     left: 16.6666666667%; }
 736   .push-xl-3 {
 737     left: 25%; }
 738   .push-xl-4 {
 739     left: 33.3333333333%; }
 740   .push-xl-5 {
 741     left: 41.6666666667%; }
 742   .push-xl-6 {
 743     left: 50%; }
 744   .push-xl-7 {
 745     left: 58.3333333333%; }
 746   .push-xl-8 {
 747     left: 66.6666666667%; }
 748   .push-xl-9 {
 749     left: 75%; }
 750   .push-xl-10 {
 751     left: 83.3333333333%; }
 752   .push-xl-11 {
 753     left: 91.6666666667%; }
 754   .push-xl-12 {
 755     left: 100%; }
 756   .offset-xl-0 {
 757     margin-left: 0%; }
 758   .offset-xl-1 {
 759     margin-left: 8.3333333333%; }
 760   .offset-xl-2 {
 761     margin-left: 16.6666666667%; }
 762   .offset-xl-3 {
 763     margin-left: 25%; }
 764   .offset-xl-4 {
 765     margin-left: 33.3333333333%; }
 766   .offset-xl-5 {
 767     margin-left: 41.6666666667%; }
 768   .offset-xl-6 {
 769     margin-left: 50%; }
 770   .offset-xl-7 {
 771     margin-left: 58.3333333333%; }
 772   .offset-xl-8 {
 773     margin-left: 66.6666666667%; }
 774   .offset-xl-9 {
 775     margin-left: 75%; }
 776   .offset-xl-10 {
 777     margin-left: 83.3333333333%; }
 778   .offset-xl-11 {
 779     margin-left: 91.6666666667%; } }