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

   1 @-ms-viewport {
   2   width: device-width;
   3 }
   4
   5 html {
   6   -webkit-box-sizing: border-box;
   7           box-sizing: border-box;
   8   -ms-overflow-style: scrollbar;
   9 }
  10
  11 *,
  12 *::before,
  13 *::after {
  14   -webkit-box-sizing: inherit;
  15           box-sizing: inherit;
  16 }
  17
  18 .container {
  19   position: relative;
  20   margin-left: auto;
  21   margin-right: auto;
  22   padding-right: 15px;
  23   padding-left: 15px;
  24 }
  25
  26 @media (min-width: 576px) {
  27   .container {
  28     padding-right: 15px;
  29     padding-left: 15px;
  30   }
  31 }
  32
  33 @media (min-width: 768px) {
  34   .container {
  35     padding-right: 15px;
  36     padding-left: 15px;
  37   }
  38 }
  39
  40 @media (min-width: 992px) {
  41   .container {
  42     padding-right: 15px;
  43     padding-left: 15px;
  44   }
  45 }
  46
  47 @media (min-width: 1200px) {
  48   .container {
  49     padding-right: 15px;
  50     padding-left: 15px;
  51   }
  52 }
  53
  54 @media (min-width: 576px) {
  55   .container {
  56     width: 540px;
  57     max-width: 100%;
  58   }
  59 }
  60
  61 @media (min-width: 768px) {
  62   .container {
  63     width: 720px;
  64     max-width: 100%;
  65   }
  66 }
  67
  68 @media (min-width: 992px) {
  69   .container {
  70     width: 960px;
  71     max-width: 100%;
  72   }
  73 }
  74
  75 @media (min-width: 1200px) {
  76   .container {
  77     width: 1140px;
  78     max-width: 100%;
  79   }
  80 }
  81
  82 .container-fluid {
  83   position: relative;
  84   margin-left: auto;
  85   margin-right: auto;
  86   padding-right: 15px;
  87   padding-left: 15px;
  88 }
  89
  90 @media (min-width: 576px) {
  91   .container-fluid {
  92     padding-right: 15px;
  93     padding-left: 15px;
  94   }
  95 }
  96
  97 @media (min-width: 768px) {
  98   .container-fluid {
  99     padding-right: 15px;
 100     padding-left: 15px;
 101   }
 102 }
 103
 104 @media (min-width: 992px) {
 105   .container-fluid {
 106     padding-right: 15px;
 107     padding-left: 15px;
 108   }
 109 }
 110
 111 @media (min-width: 1200px) {
 112   .container-fluid {
 113     padding-right: 15px;
 114     padding-left: 15px;
 115   }
 116 }
 117
 118 .row {
 119   display: -webkit-box;
 120   display: -webkit-flex;
 121   display: -ms-flexbox;
 122   display: flex;
 123   -webkit-flex-wrap: wrap;
 124       -ms-flex-wrap: wrap;
 125           flex-wrap: wrap;
 126   margin-right: -15px;
 127   margin-left: -15px;
 128 }
 129
 130 @media (min-width: 576px) {
 131   .row {
 132     margin-right: -15px;
 133     margin-left: -15px;
 134   }
 135 }
 136
 137 @media (min-width: 768px) {
 138   .row {
 139     margin-right: -15px;
 140     margin-left: -15px;
 141   }
 142 }
 143
 144 @media (min-width: 992px) {
 145   .row {
 146     margin-right: -15px;
 147     margin-left: -15px;
 148   }
 149 }
 150
 151 @media (min-width: 1200px) {
 152   .row {
 153     margin-right: -15px;
 154     margin-left: -15px;
 155   }
 156 }
 157
 158 .no-gutters {
 159   margin-right: 0;
 160   margin-left: 0;
 161 }
 162
 163 .no-gutters > .col,
 164 .no-gutters > [class*="col-"] {
 165   padding-right: 0;
 166   padding-left: 0;
 167 }
 168
 169 .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 {
 170   position: relative;
 171   width: 100%;
 172   min-height: 1px;
 173   padding-right: 15px;
 174   padding-left: 15px;
 175 }
 176
 177 @media (min-width: 576px) {
 178   .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 {
 179     padding-right: 15px;
 180     padding-left: 15px;
 181   }
 182 }
 183
 184 @media (min-width: 768px) {
 185   .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 {
 186     padding-right: 15px;
 187     padding-left: 15px;
 188   }
 189 }
 190
 191 @media (min-width: 992px) {
 192   .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 {
 193     padding-right: 15px;
 194     padding-left: 15px;
 195   }
 196 }
 197
 198 @media (min-width: 1200px) {
 199   .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 {
 200     padding-right: 15px;
 201     padding-left: 15px;
 202   }
 203 }
 204
 205 .col {
 206   -webkit-flex-basis: 0;
 207       -ms-flex-preferred-size: 0;
 208           flex-basis: 0;
 209   -webkit-box-flex: 1;
 210   -webkit-flex-grow: 1;
 211       -ms-flex-positive: 1;
 212           flex-grow: 1;
 213   max-width: 100%;
 214 }
 215
 216 .col-auto {
 217   -webkit-box-flex: 0;
 218   -webkit-flex: 0 0 auto;
 219       -ms-flex: 0 0 auto;
 220           flex: 0 0 auto;
 221   width: auto;
 222 }
 223
 224 .col-1 {
 225   -webkit-box-flex: 0;
 226   -webkit-flex: 0 0 8.333333%;
 227       -ms-flex: 0 0 8.333333%;
 228           flex: 0 0 8.333333%;
 229   max-width: 8.333333%;
 230 }
 231
 232 .col-2 {
 233   -webkit-box-flex: 0;
 234   -webkit-flex: 0 0 16.666667%;
 235       -ms-flex: 0 0 16.666667%;
 236           flex: 0 0 16.666667%;
 237   max-width: 16.666667%;
 238 }
 239
 240 .col-3 {
 241   -webkit-box-flex: 0;
 242   -webkit-flex: 0 0 25%;
 243       -ms-flex: 0 0 25%;
 244           flex: 0 0 25%;
 245   max-width: 25%;
 246 }
 247
 248 .col-4 {
 249   -webkit-box-flex: 0;
 250   -webkit-flex: 0 0 33.333333%;
 251       -ms-flex: 0 0 33.333333%;
 252           flex: 0 0 33.333333%;
 253   max-width: 33.333333%;
 254 }
 255
 256 .col-5 {
 257   -webkit-box-flex: 0;
 258   -webkit-flex: 0 0 41.666667%;
 259       -ms-flex: 0 0 41.666667%;
 260           flex: 0 0 41.666667%;
 261   max-width: 41.666667%;
 262 }
 263
 264 .col-6 {
 265   -webkit-box-flex: 0;
 266   -webkit-flex: 0 0 50%;
 267       -ms-flex: 0 0 50%;
 268           flex: 0 0 50%;
 269   max-width: 50%;
 270 }
 271
 272 .col-7 {
 273   -webkit-box-flex: 0;
 274   -webkit-flex: 0 0 58.333333%;
 275       -ms-flex: 0 0 58.333333%;
 276           flex: 0 0 58.333333%;
 277   max-width: 58.333333%;
 278 }
 279
 280 .col-8 {
 281   -webkit-box-flex: 0;
 282   -webkit-flex: 0 0 66.666667%;
 283       -ms-flex: 0 0 66.666667%;
 284           flex: 0 0 66.666667%;
 285   max-width: 66.666667%;
 286 }
 287
 288 .col-9 {
 289   -webkit-box-flex: 0;
 290   -webkit-flex: 0 0 75%;
 291       -ms-flex: 0 0 75%;
 292           flex: 0 0 75%;
 293   max-width: 75%;
 294 }
 295
 296 .col-10 {
 297   -webkit-box-flex: 0;
 298   -webkit-flex: 0 0 83.333333%;
 299       -ms-flex: 0 0 83.333333%;
 300           flex: 0 0 83.333333%;
 301   max-width: 83.333333%;
 302 }
 303
 304 .col-11 {
 305   -webkit-box-flex: 0;
 306   -webkit-flex: 0 0 91.666667%;
 307       -ms-flex: 0 0 91.666667%;
 308           flex: 0 0 91.666667%;
 309   max-width: 91.666667%;
 310 }
 311
 312 .col-12 {
 313   -webkit-box-flex: 0;
 314   -webkit-flex: 0 0 100%;
 315       -ms-flex: 0 0 100%;
 316           flex: 0 0 100%;
 317   max-width: 100%;
 318 }
 319
 320 .pull-0 {
 321   right: auto;
 322 }
 323
 324 .pull-1 {
 325   right: 8.333333%;
 326 }
 327
 328 .pull-2 {
 329   right: 16.666667%;
 330 }
 331
 332 .pull-3 {
 333   right: 25%;
 334 }
 335
 336 .pull-4 {
 337   right: 33.333333%;
 338 }
 339
 340 .pull-5 {
 341   right: 41.666667%;
 342 }
 343
 344 .pull-6 {
 345   right: 50%;
 346 }
 347
 348 .pull-7 {
 349   right: 58.333333%;
 350 }
 351
 352 .pull-8 {
 353   right: 66.666667%;
 354 }
 355
 356 .pull-9 {
 357   right: 75%;
 358 }
 359
 360 .pull-10 {
 361   right: 83.333333%;
 362 }
 363
 364 .pull-11 {
 365   right: 91.666667%;
 366 }
 367
 368 .pull-12 {
 369   right: 100%;
 370 }
 371
 372 .push-0 {
 373   left: auto;
 374 }
 375
 376 .push-1 {
 377   left: 8.333333%;
 378 }
 379
 380 .push-2 {
 381   left: 16.666667%;
 382 }
 383
 384 .push-3 {
 385   left: 25%;
 386 }
 387
 388 .push-4 {
 389   left: 33.333333%;
 390 }
 391
 392 .push-5 {
 393   left: 41.666667%;
 394 }
 395
 396 .push-6 {
 397   left: 50%;
 398 }
 399
 400 .push-7 {
 401   left: 58.333333%;
 402 }
 403
 404 .push-8 {
 405   left: 66.666667%;
 406 }
 407
 408 .push-9 {
 409   left: 75%;
 410 }
 411
 412 .push-10 {
 413   left: 83.333333%;
 414 }
 415
 416 .push-11 {
 417   left: 91.666667%;
 418 }
 419
 420 .push-12 {
 421   left: 100%;
 422 }
 423
 424 .offset-1 {
 425   margin-left: 8.333333%;
 426 }
 427
 428 .offset-2 {
 429   margin-left: 16.666667%;
 430 }
 431
 432 .offset-3 {
 433   margin-left: 25%;
 434 }
 435
 436 .offset-4 {
 437   margin-left: 33.333333%;
 438 }
 439
 440 .offset-5 {
 441   margin-left: 41.666667%;
 442 }
 443
 444 .offset-6 {
 445   margin-left: 50%;
 446 }
 447
 448 .offset-7 {
 449   margin-left: 58.333333%;
 450 }
 451
 452 .offset-8 {
 453   margin-left: 66.666667%;
 454 }
 455
 456 .offset-9 {
 457   margin-left: 75%;
 458 }
 459
 460 .offset-10 {
 461   margin-left: 83.333333%;
 462 }
 463
 464 .offset-11 {
 465   margin-left: 91.666667%;
 466 }
 467
 468 @media (min-width: 576px) {
 469   .col-sm {
 470     -webkit-flex-basis: 0;
 471         -ms-flex-preferred-size: 0;
 472             flex-basis: 0;
 473     -webkit-box-flex: 1;
 474     -webkit-flex-grow: 1;
 475         -ms-flex-positive: 1;
 476             flex-grow: 1;
 477     max-width: 100%;
 478   }
 479   .col-sm-auto {
 480     -webkit-box-flex: 0;
 481     -webkit-flex: 0 0 auto;
 482         -ms-flex: 0 0 auto;
 483             flex: 0 0 auto;
 484     width: auto;
 485   }
 486   .col-sm-1 {
 487     -webkit-box-flex: 0;
 488     -webkit-flex: 0 0 8.333333%;
 489         -ms-flex: 0 0 8.333333%;
 490             flex: 0 0 8.333333%;
 491     max-width: 8.333333%;
 492   }
 493   .col-sm-2 {
 494     -webkit-box-flex: 0;
 495     -webkit-flex: 0 0 16.666667%;
 496         -ms-flex: 0 0 16.666667%;
 497             flex: 0 0 16.666667%;
 498     max-width: 16.666667%;
 499   }
 500   .col-sm-3 {
 501     -webkit-box-flex: 0;
 502     -webkit-flex: 0 0 25%;
 503         -ms-flex: 0 0 25%;
 504             flex: 0 0 25%;
 505     max-width: 25%;
 506   }
 507   .col-sm-4 {
 508     -webkit-box-flex: 0;
 509     -webkit-flex: 0 0 33.333333%;
 510         -ms-flex: 0 0 33.333333%;
 511             flex: 0 0 33.333333%;
 512     max-width: 33.333333%;
 513   }
 514   .col-sm-5 {
 515     -webkit-box-flex: 0;
 516     -webkit-flex: 0 0 41.666667%;
 517         -ms-flex: 0 0 41.666667%;
 518             flex: 0 0 41.666667%;
 519     max-width: 41.666667%;
 520   }
 521   .col-sm-6 {
 522     -webkit-box-flex: 0;
 523     -webkit-flex: 0 0 50%;
 524         -ms-flex: 0 0 50%;
 525             flex: 0 0 50%;
 526     max-width: 50%;
 527   }
 528   .col-sm-7 {
 529     -webkit-box-flex: 0;
 530     -webkit-flex: 0 0 58.333333%;
 531         -ms-flex: 0 0 58.333333%;
 532             flex: 0 0 58.333333%;
 533     max-width: 58.333333%;
 534   }
 535   .col-sm-8 {
 536     -webkit-box-flex: 0;
 537     -webkit-flex: 0 0 66.666667%;
 538         -ms-flex: 0 0 66.666667%;
 539             flex: 0 0 66.666667%;
 540     max-width: 66.666667%;
 541   }
 542   .col-sm-9 {
 543     -webkit-box-flex: 0;
 544     -webkit-flex: 0 0 75%;
 545         -ms-flex: 0 0 75%;
 546             flex: 0 0 75%;
 547     max-width: 75%;
 548   }
 549   .col-sm-10 {
 550     -webkit-box-flex: 0;
 551     -webkit-flex: 0 0 83.333333%;
 552         -ms-flex: 0 0 83.333333%;
 553             flex: 0 0 83.333333%;
 554     max-width: 83.333333%;
 555   }
 556   .col-sm-11 {
 557     -webkit-box-flex: 0;
 558     -webkit-flex: 0 0 91.666667%;
 559         -ms-flex: 0 0 91.666667%;
 560             flex: 0 0 91.666667%;
 561     max-width: 91.666667%;
 562   }
 563   .col-sm-12 {
 564     -webkit-box-flex: 0;
 565     -webkit-flex: 0 0 100%;
 566         -ms-flex: 0 0 100%;
 567             flex: 0 0 100%;
 568     max-width: 100%;
 569   }
 570   .pull-sm-0 {
 571     right: auto;
 572   }
 573   .pull-sm-1 {
 574     right: 8.333333%;
 575   }
 576   .pull-sm-2 {
 577     right: 16.666667%;
 578   }
 579   .pull-sm-3 {
 580     right: 25%;
 581   }
 582   .pull-sm-4 {
 583     right: 33.333333%;
 584   }
 585   .pull-sm-5 {
 586     right: 41.666667%;
 587   }
 588   .pull-sm-6 {
 589     right: 50%;
 590   }
 591   .pull-sm-7 {
 592     right: 58.333333%;
 593   }
 594   .pull-sm-8 {
 595     right: 66.666667%;
 596   }
 597   .pull-sm-9 {
 598     right: 75%;
 599   }
 600   .pull-sm-10 {
 601     right: 83.333333%;
 602   }
 603   .pull-sm-11 {
 604     right: 91.666667%;
 605   }
 606   .pull-sm-12 {
 607     right: 100%;
 608   }
 609   .push-sm-0 {
 610     left: auto;
 611   }
 612   .push-sm-1 {
 613     left: 8.333333%;
 614   }
 615   .push-sm-2 {
 616     left: 16.666667%;
 617   }
 618   .push-sm-3 {
 619     left: 25%;
 620   }
 621   .push-sm-4 {
 622     left: 33.333333%;
 623   }
 624   .push-sm-5 {
 625     left: 41.666667%;
 626   }
 627   .push-sm-6 {
 628     left: 50%;
 629   }
 630   .push-sm-7 {
 631     left: 58.333333%;
 632   }
 633   .push-sm-8 {
 634     left: 66.666667%;
 635   }
 636   .push-sm-9 {
 637     left: 75%;
 638   }
 639   .push-sm-10 {
 640     left: 83.333333%;
 641   }
 642   .push-sm-11 {
 643     left: 91.666667%;
 644   }
 645   .push-sm-12 {
 646     left: 100%;
 647   }
 648   .offset-sm-0 {
 649     margin-left: 0%;
 650   }
 651   .offset-sm-1 {
 652     margin-left: 8.333333%;
 653   }
 654   .offset-sm-2 {
 655     margin-left: 16.666667%;
 656   }
 657   .offset-sm-3 {
 658     margin-left: 25%;
 659   }
 660   .offset-sm-4 {
 661     margin-left: 33.333333%;
 662   }
 663   .offset-sm-5 {
 664     margin-left: 41.666667%;
 665   }
 666   .offset-sm-6 {
 667     margin-left: 50%;
 668   }
 669   .offset-sm-7 {
 670     margin-left: 58.333333%;
 671   }
 672   .offset-sm-8 {
 673     margin-left: 66.666667%;
 674   }
 675   .offset-sm-9 {
 676     margin-left: 75%;
 677   }
 678   .offset-sm-10 {
 679     margin-left: 83.333333%;
 680   }
 681   .offset-sm-11 {
 682     margin-left: 91.666667%;
 683   }
 684 }
 685
 686 @media (min-width: 768px) {
 687   .col-md {
 688     -webkit-flex-basis: 0;
 689         -ms-flex-preferred-size: 0;
 690             flex-basis: 0;
 691     -webkit-box-flex: 1;
 692     -webkit-flex-grow: 1;
 693         -ms-flex-positive: 1;
 694             flex-grow: 1;
 695     max-width: 100%;
 696   }
 697   .col-md-auto {
 698     -webkit-box-flex: 0;
 699     -webkit-flex: 0 0 auto;
 700         -ms-flex: 0 0 auto;
 701             flex: 0 0 auto;
 702     width: auto;
 703   }
 704   .col-md-1 {
 705     -webkit-box-flex: 0;
 706     -webkit-flex: 0 0 8.333333%;
 707         -ms-flex: 0 0 8.333333%;
 708             flex: 0 0 8.333333%;
 709     max-width: 8.333333%;
 710   }
 711   .col-md-2 {
 712     -webkit-box-flex: 0;
 713     -webkit-flex: 0 0 16.666667%;
 714         -ms-flex: 0 0 16.666667%;
 715             flex: 0 0 16.666667%;
 716     max-width: 16.666667%;
 717   }
 718   .col-md-3 {
 719     -webkit-box-flex: 0;
 720     -webkit-flex: 0 0 25%;
 721         -ms-flex: 0 0 25%;
 722             flex: 0 0 25%;
 723     max-width: 25%;
 724   }
 725   .col-md-4 {
 726     -webkit-box-flex: 0;
 727     -webkit-flex: 0 0 33.333333%;
 728         -ms-flex: 0 0 33.333333%;
 729             flex: 0 0 33.333333%;
 730     max-width: 33.333333%;
 731   }
 732   .col-md-5 {
 733     -webkit-box-flex: 0;
 734     -webkit-flex: 0 0 41.666667%;
 735         -ms-flex: 0 0 41.666667%;
 736             flex: 0 0 41.666667%;
 737     max-width: 41.666667%;
 738   }
 739   .col-md-6 {
 740     -webkit-box-flex: 0;
 741     -webkit-flex: 0 0 50%;
 742         -ms-flex: 0 0 50%;
 743             flex: 0 0 50%;
 744     max-width: 50%;
 745   }
 746   .col-md-7 {
 747     -webkit-box-flex: 0;
 748     -webkit-flex: 0 0 58.333333%;
 749         -ms-flex: 0 0 58.333333%;
 750             flex: 0 0 58.333333%;
 751     max-width: 58.333333%;
 752   }
 753   .col-md-8 {
 754     -webkit-box-flex: 0;
 755     -webkit-flex: 0 0 66.666667%;
 756         -ms-flex: 0 0 66.666667%;
 757             flex: 0 0 66.666667%;
 758     max-width: 66.666667%;
 759   }
 760   .col-md-9 {
 761     -webkit-box-flex: 0;
 762     -webkit-flex: 0 0 75%;
 763         -ms-flex: 0 0 75%;
 764             flex: 0 0 75%;
 765     max-width: 75%;
 766   }
 767   .col-md-10 {
 768     -webkit-box-flex: 0;
 769     -webkit-flex: 0 0 83.333333%;
 770         -ms-flex: 0 0 83.333333%;
 771             flex: 0 0 83.333333%;
 772     max-width: 83.333333%;
 773   }
 774   .col-md-11 {
 775     -webkit-box-flex: 0;
 776     -webkit-flex: 0 0 91.666667%;
 777         -ms-flex: 0 0 91.666667%;
 778             flex: 0 0 91.666667%;
 779     max-width: 91.666667%;
 780   }
 781   .col-md-12 {
 782     -webkit-box-flex: 0;
 783     -webkit-flex: 0 0 100%;
 784         -ms-flex: 0 0 100%;
 785             flex: 0 0 100%;
 786     max-width: 100%;
 787   }
 788   .pull-md-0 {
 789     right: auto;
 790   }
 791   .pull-md-1 {
 792     right: 8.333333%;
 793   }
 794   .pull-md-2 {
 795     right: 16.666667%;
 796   }
 797   .pull-md-3 {
 798     right: 25%;
 799   }
 800   .pull-md-4 {
 801     right: 33.333333%;
 802   }
 803   .pull-md-5 {
 804     right: 41.666667%;
 805   }
 806   .pull-md-6 {
 807     right: 50%;
 808   }
 809   .pull-md-7 {
 810     right: 58.333333%;
 811   }
 812   .pull-md-8 {
 813     right: 66.666667%;
 814   }
 815   .pull-md-9 {
 816     right: 75%;
 817   }
 818   .pull-md-10 {
 819     right: 83.333333%;
 820   }
 821   .pull-md-11 {
 822     right: 91.666667%;
 823   }
 824   .pull-md-12 {
 825     right: 100%;
 826   }
 827   .push-md-0 {
 828     left: auto;
 829   }
 830   .push-md-1 {
 831     left: 8.333333%;
 832   }
 833   .push-md-2 {
 834     left: 16.666667%;
 835   }
 836   .push-md-3 {
 837     left: 25%;
 838   }
 839   .push-md-4 {
 840     left: 33.333333%;
 841   }
 842   .push-md-5 {
 843     left: 41.666667%;
 844   }
 845   .push-md-6 {
 846     left: 50%;
 847   }
 848   .push-md-7 {
 849     left: 58.333333%;
 850   }
 851   .push-md-8 {
 852     left: 66.666667%;
 853   }
 854   .push-md-9 {
 855     left: 75%;
 856   }
 857   .push-md-10 {
 858     left: 83.333333%;
 859   }
 860   .push-md-11 {
 861     left: 91.666667%;
 862   }
 863   .push-md-12 {
 864     left: 100%;
 865   }
 866   .offset-md-0 {
 867     margin-left: 0%;
 868   }
 869   .offset-md-1 {
 870     margin-left: 8.333333%;
 871   }
 872   .offset-md-2 {
 873     margin-left: 16.666667%;
 874   }
 875   .offset-md-3 {
 876     margin-left: 25%;
 877   }
 878   .offset-md-4 {
 879     margin-left: 33.333333%;
 880   }
 881   .offset-md-5 {
 882     margin-left: 41.666667%;
 883   }
 884   .offset-md-6 {
 885     margin-left: 50%;
 886   }
 887   .offset-md-7 {
 888     margin-left: 58.333333%;
 889   }
 890   .offset-md-8 {
 891     margin-left: 66.666667%;
 892   }
 893   .offset-md-9 {
 894     margin-left: 75%;
 895   }
 896   .offset-md-10 {
 897     margin-left: 83.333333%;
 898   }
 899   .offset-md-11 {
 900     margin-left: 91.666667%;
 901   }
 902 }
 903
 904 @media (min-width: 992px) {
 905   .col-lg {
 906     -webkit-flex-basis: 0;
 907         -ms-flex-preferred-size: 0;
 908             flex-basis: 0;
 909     -webkit-box-flex: 1;
 910     -webkit-flex-grow: 1;
 911         -ms-flex-positive: 1;
 912             flex-grow: 1;
 913     max-width: 100%;
 914   }
 915   .col-lg-auto {
 916     -webkit-box-flex: 0;
 917     -webkit-flex: 0 0 auto;
 918         -ms-flex: 0 0 auto;
 919             flex: 0 0 auto;
 920     width: auto;
 921   }
 922   .col-lg-1 {
 923     -webkit-box-flex: 0;
 924     -webkit-flex: 0 0 8.333333%;
 925         -ms-flex: 0 0 8.333333%;
 926             flex: 0 0 8.333333%;
 927     max-width: 8.333333%;
 928   }
 929   .col-lg-2 {
 930     -webkit-box-flex: 0;
 931     -webkit-flex: 0 0 16.666667%;
 932         -ms-flex: 0 0 16.666667%;
 933             flex: 0 0 16.666667%;
 934     max-width: 16.666667%;
 935   }
 936   .col-lg-3 {
 937     -webkit-box-flex: 0;
 938     -webkit-flex: 0 0 25%;
 939         -ms-flex: 0 0 25%;
 940             flex: 0 0 25%;
 941     max-width: 25%;
 942   }
 943   .col-lg-4 {
 944     -webkit-box-flex: 0;
 945     -webkit-flex: 0 0 33.333333%;
 946         -ms-flex: 0 0 33.333333%;
 947             flex: 0 0 33.333333%;
 948     max-width: 33.333333%;
 949   }
 950   .col-lg-5 {
 951     -webkit-box-flex: 0;
 952     -webkit-flex: 0 0 41.666667%;
 953         -ms-flex: 0 0 41.666667%;
 954             flex: 0 0 41.666667%;
 955     max-width: 41.666667%;
 956   }
 957   .col-lg-6 {
 958     -webkit-box-flex: 0;
 959     -webkit-flex: 0 0 50%;
 960         -ms-flex: 0 0 50%;
 961             flex: 0 0 50%;
 962     max-width: 50%;
 963   }
 964   .col-lg-7 {
 965     -webkit-box-flex: 0;
 966     -webkit-flex: 0 0 58.333333%;
 967         -ms-flex: 0 0 58.333333%;
 968             flex: 0 0 58.333333%;
 969     max-width: 58.333333%;
 970   }
 971   .col-lg-8 {
 972     -webkit-box-flex: 0;
 973     -webkit-flex: 0 0 66.666667%;
 974         -ms-flex: 0 0 66.666667%;
 975             flex: 0 0 66.666667%;
 976     max-width: 66.666667%;
 977   }
 978   .col-lg-9 {
 979     -webkit-box-flex: 0;
 980     -webkit-flex: 0 0 75%;
 981         -ms-flex: 0 0 75%;
 982             flex: 0 0 75%;
 983     max-width: 75%;
 984   }
 985   .col-lg-10 {
 986     -webkit-box-flex: 0;
 987     -webkit-flex: 0 0 83.333333%;
 988         -ms-flex: 0 0 83.333333%;
 989             flex: 0 0 83.333333%;
 990     max-width: 83.333333%;
 991   }
 992   .col-lg-11 {
 993     -webkit-box-flex: 0;
 994     -webkit-flex: 0 0 91.666667%;
 995         -ms-flex: 0 0 91.666667%;
 996             flex: 0 0 91.666667%;
 997     max-width: 91.666667%;
 998   }
 999   .col-lg-12 {
1000     -webkit-box-flex: 0;
1001     -webkit-flex: 0 0 100%;
1002         -ms-flex: 0 0 100%;
1003             flex: 0 0 100%;
1004     max-width: 100%;
1005   }
1006   .pull-lg-0 {
1007     right: auto;
1008   }
1009   .pull-lg-1 {
1010     right: 8.333333%;
1011   }
1012   .pull-lg-2 {
1013     right: 16.666667%;
1014   }
1015   .pull-lg-3 {
1016     right: 25%;
1017   }
1018   .pull-lg-4 {
1019     right: 33.333333%;
1020   }
1021   .pull-lg-5 {
1022     right: 41.666667%;
1023   }
1024   .pull-lg-6 {
1025     right: 50%;
1026   }
1027   .pull-lg-7 {
1028     right: 58.333333%;
1029   }
1030   .pull-lg-8 {
1031     right: 66.666667%;
1032   }
1033   .pull-lg-9 {
1034     right: 75%;
1035   }
1036   .pull-lg-10 {
1037     right: 83.333333%;
1038   }
1039   .pull-lg-11 {
1040     right: 91.666667%;
1041   }
1042   .pull-lg-12 {
1043     right: 100%;
1044   }
1045   .push-lg-0 {
1046     left: auto;
1047   }
1048   .push-lg-1 {
1049     left: 8.333333%;
1050   }
1051   .push-lg-2 {
1052     left: 16.666667%;
1053   }
1054   .push-lg-3 {
1055     left: 25%;
1056   }
1057   .push-lg-4 {
1058     left: 33.333333%;
1059   }
1060   .push-lg-5 {
1061     left: 41.666667%;
1062   }
1063   .push-lg-6 {
1064     left: 50%;
1065   }
1066   .push-lg-7 {
1067     left: 58.333333%;
1068   }
1069   .push-lg-8 {
1070     left: 66.666667%;
1071   }
1072   .push-lg-9 {
1073     left: 75%;
1074   }
1075   .push-lg-10 {
1076     left: 83.333333%;
1077   }
1078   .push-lg-11 {
1079     left: 91.666667%;
1080   }
1081   .push-lg-12 {
1082     left: 100%;
1083   }
1084   .offset-lg-0 {
1085     margin-left: 0%;
1086   }
1087   .offset-lg-1 {
1088     margin-left: 8.333333%;
1089   }
1090   .offset-lg-2 {
1091     margin-left: 16.666667%;
1092   }
1093   .offset-lg-3 {
1094     margin-left: 25%;
1095   }
1096   .offset-lg-4 {
1097     margin-left: 33.333333%;
1098   }
1099   .offset-lg-5 {
1100     margin-left: 41.666667%;
1101   }
1102   .offset-lg-6 {
1103     margin-left: 50%;
1104   }
1105   .offset-lg-7 {
1106     margin-left: 58.333333%;
1107   }
1108   .offset-lg-8 {
1109     margin-left: 66.666667%;
1110   }
1111   .offset-lg-9 {
1112     margin-left: 75%;
1113   }
1114   .offset-lg-10 {
1115     margin-left: 83.333333%;
1116   }
1117   .offset-lg-11 {
1118     margin-left: 91.666667%;
1119   }
1120 }
1121
1122 @media (min-width: 1200px) {
1123   .col-xl {
1124     -webkit-flex-basis: 0;
1125         -ms-flex-preferred-size: 0;
1126             flex-basis: 0;
1127     -webkit-box-flex: 1;
1128     -webkit-flex-grow: 1;
1129         -ms-flex-positive: 1;
1130             flex-grow: 1;
1131     max-width: 100%;
1132   }
1133   .col-xl-auto {
1134     -webkit-box-flex: 0;
1135     -webkit-flex: 0 0 auto;
1136         -ms-flex: 0 0 auto;
1137             flex: 0 0 auto;
1138     width: auto;
1139   }
1140   .col-xl-1 {
1141     -webkit-box-flex: 0;
1142     -webkit-flex: 0 0 8.333333%;
1143         -ms-flex: 0 0 8.333333%;
1144             flex: 0 0 8.333333%;
1145     max-width: 8.333333%;
1146   }
1147   .col-xl-2 {
1148     -webkit-box-flex: 0;
1149     -webkit-flex: 0 0 16.666667%;
1150         -ms-flex: 0 0 16.666667%;
1151             flex: 0 0 16.666667%;
1152     max-width: 16.666667%;
1153   }
1154   .col-xl-3 {
1155     -webkit-box-flex: 0;
1156     -webkit-flex: 0 0 25%;
1157         -ms-flex: 0 0 25%;
1158             flex: 0 0 25%;
1159     max-width: 25%;
1160   }
1161   .col-xl-4 {
1162     -webkit-box-flex: 0;
1163     -webkit-flex: 0 0 33.333333%;
1164         -ms-flex: 0 0 33.333333%;
1165             flex: 0 0 33.333333%;
1166     max-width: 33.333333%;
1167   }
1168   .col-xl-5 {
1169     -webkit-box-flex: 0;
1170     -webkit-flex: 0 0 41.666667%;
1171         -ms-flex: 0 0 41.666667%;
1172             flex: 0 0 41.666667%;
1173     max-width: 41.666667%;
1174   }
1175   .col-xl-6 {
1176     -webkit-box-flex: 0;
1177     -webkit-flex: 0 0 50%;
1178         -ms-flex: 0 0 50%;
1179             flex: 0 0 50%;
1180     max-width: 50%;
1181   }
1182   .col-xl-7 {
1183     -webkit-box-flex: 0;
1184     -webkit-flex: 0 0 58.333333%;
1185         -ms-flex: 0 0 58.333333%;
1186             flex: 0 0 58.333333%;
1187     max-width: 58.333333%;
1188   }
1189   .col-xl-8 {
1190     -webkit-box-flex: 0;
1191     -webkit-flex: 0 0 66.666667%;
1192         -ms-flex: 0 0 66.666667%;
1193             flex: 0 0 66.666667%;
1194     max-width: 66.666667%;
1195   }
1196   .col-xl-9 {
1197     -webkit-box-flex: 0;
1198     -webkit-flex: 0 0 75%;
1199         -ms-flex: 0 0 75%;
1200             flex: 0 0 75%;
1201     max-width: 75%;
1202   }
1203   .col-xl-10 {
1204     -webkit-box-flex: 0;
1205     -webkit-flex: 0 0 83.333333%;
1206         -ms-flex: 0 0 83.333333%;
1207             flex: 0 0 83.333333%;
1208     max-width: 83.333333%;
1209   }
1210   .col-xl-11 {
1211     -webkit-box-flex: 0;
1212     -webkit-flex: 0 0 91.666667%;
1213         -ms-flex: 0 0 91.666667%;
1214             flex: 0 0 91.666667%;
1215     max-width: 91.666667%;
1216   }
1217   .col-xl-12 {
1218     -webkit-box-flex: 0;
1219     -webkit-flex: 0 0 100%;
1220         -ms-flex: 0 0 100%;
1221             flex: 0 0 100%;
1222     max-width: 100%;
1223   }
1224   .pull-xl-0 {
1225     right: auto;
1226   }
1227   .pull-xl-1 {
1228     right: 8.333333%;
1229   }
1230   .pull-xl-2 {
1231     right: 16.666667%;
1232   }
1233   .pull-xl-3 {
1234     right: 25%;
1235   }
1236   .pull-xl-4 {
1237     right: 33.333333%;
1238   }
1239   .pull-xl-5 {
1240     right: 41.666667%;
1241   }
1242   .pull-xl-6 {
1243     right: 50%;
1244   }
1245   .pull-xl-7 {
1246     right: 58.333333%;
1247   }
1248   .pull-xl-8 {
1249     right: 66.666667%;
1250   }
1251   .pull-xl-9 {
1252     right: 75%;
1253   }
1254   .pull-xl-10 {
1255     right: 83.333333%;
1256   }
1257   .pull-xl-11 {
1258     right: 91.666667%;
1259   }
1260   .pull-xl-12 {
1261     right: 100%;
1262   }
1263   .push-xl-0 {
1264     left: auto;
1265   }
1266   .push-xl-1 {
1267     left: 8.333333%;
1268   }
1269   .push-xl-2 {
1270     left: 16.666667%;
1271   }
1272   .push-xl-3 {
1273     left: 25%;
1274   }
1275   .push-xl-4 {
1276     left: 33.333333%;
1277   }
1278   .push-xl-5 {
1279     left: 41.666667%;
1280   }
1281   .push-xl-6 {
1282     left: 50%;
1283   }
1284   .push-xl-7 {
1285     left: 58.333333%;
1286   }
1287   .push-xl-8 {
1288     left: 66.666667%;
1289   }
1290   .push-xl-9 {
1291     left: 75%;
1292   }
1293   .push-xl-10 {
1294     left: 83.333333%;
1295   }
1296   .push-xl-11 {
1297     left: 91.666667%;
1298   }
1299   .push-xl-12 {
1300     left: 100%;
1301   }
1302   .offset-xl-0 {
1303     margin-left: 0%;
1304   }
1305   .offset-xl-1 {
1306     margin-left: 8.333333%;
1307   }
1308   .offset-xl-2 {
1309     margin-left: 16.666667%;
1310   }
1311   .offset-xl-3 {
1312     margin-left: 25%;
1313   }
1314   .offset-xl-4 {
1315     margin-left: 33.333333%;
1316   }
1317   .offset-xl-5 {
1318     margin-left: 41.666667%;
1319   }
1320   .offset-xl-6 {
1321     margin-left: 50%;
1322   }
1323   .offset-xl-7 {
1324     margin-left: 58.333333%;
1325   }
1326   .offset-xl-8 {
1327     margin-left: 66.666667%;
1328   }
1329   .offset-xl-9 {
1330     margin-left: 75%;
1331   }
1332   .offset-xl-10 {
1333     margin-left: 83.333333%;
1334   }
1335   .offset-xl-11 {
1336     margin-left: 91.666667%;
1337   }
1338 }
1339 /*# sourceMappingURL=bootstrap-grid.css.map */