/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }
body {
overflow: hidden;
background-color: #F4F8FB;
font-family: 'Roboto Mono', monospace; }
text {
font-family: 'Roboto Mono', monospace;
font-size: .6rem; }
.loading .main:before {
content: '';
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, #FECB2F 0%, #000000 100%);
opacity: .7;
z-index: 5; }
.loading .start-nuke {
animation-name: spin;
animation-duration: 1s;
animation-timing-function: cubic-bezier(0.4, 0.84, 0.76, 0.16);
animation-iteration-count: infinite; }
.running .start-nuke {
animation-name: spin-running;
animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite; }
.paused .start-nuke {
animation-play-state: paused; }
.grid line {
stroke: lightgrey;
stroke-opacity: 0.7;
shape-rendering: crispEdges; }
.grid .domain {
display: none; }
.start-nuke {
cursor: pointer;
width: 80px;
height: 80px;
position: fixed;
z-index: 6;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22101px%22%20height%3D%22101px%22%20viewBox%3D%220%200%20101%20101%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22radioactive%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M50.2488%2C0%20C22.49715%2C0%200%2C22.49715%200%2C50.2488%20C0%2C78.00045%2022.49715%2C100.4976%2050.2488%2C100.4976%20C78.00045%2C100.4976%20100.4976%2C78.00045%20100.4976%2C50.2488%20C100.4976%2C22.49715%2078.00045%2C0%2050.2488%2C0%20Z%22%20id%3D%22path4176-path%22%20fill%3D%22%23000000%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M70.84702%2C85.92596%20C58.1008%2C93.285%2042.3968%2C93.285%2029.65058%2C85.92596%20L43.19748%2C62.46204%20C47.56085%2C64.98124%2052.93675%2C64.98124%2057.30011%2C62.46204%20L70.84702%2C85.92596%20Z%20M70.84702%2C14.57164%20C83.59324%2C21.93067%2091.44524%2C35.53073%2091.44524%2C50.2488%20L64.35144%2C50.2488%20C64.35144%2C45.21041%2061.66349%2C40.55475%2057.30012%2C38.03556%20L70.84702%2C14.57164%20Z%20M59.59264%2C50.2488%20C59.59264%2C55.40926%2055.40926%2C59.59264%2050.2488%2C59.59264%20C45.08834%2C59.59264%2040.90496%2C55.40926%2040.90496%2C50.2488%20C40.90496%2C45.08834%2045.08834%2C40.90496%2050.2488%2C40.90496%20C55.40926%2C40.90496%2059.59264%2C45.08834%2059.59264%2C50.2488%20Z%20M9.05236%2C50.2488%20C9.05236%2C35.53073%2016.90436%2C21.93067%2029.65058%2C14.57164%20L43.19748%2C38.03556%20C38.83411%2C40.55475%2036.14616%2C45.21041%2036.14616%2C50.2488%20L9.05236%2C50.2488%20Z%20M50.2488%2C0%20C22.49715%2C0%200%2C22.49715%200%2C50.2488%20C0%2C78.00045%2022.49715%2C100.4976%2050.2488%2C100.4976%20C78.00045%2C100.4976%20100.4976%2C78.00045%20100.4976%2C50.2488%20C100.4976%2C22.49715%2078.00045%2C0%2050.2488%2C0%20Z%22%20id%3D%22path4176%22%20fill%3D%22%23FFCC00%22%20fill-rule%3D%22nonzero%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A");
background-size: contain;
animation-name: to-edge;
animation-duration: 400ms;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out; }
@keyframes spin {
from {
transform: translate3d(calc(50vw - 50px), calc(50vh - 50px), 0) rotate(0deg); }
to {
transform: translate3d(calc(50vw - 50px), calc(50vh - 50px), 0) rotate(360deg); } }
@keyframes spin-running {
from {
transform: translate3d(20px, 20px, 0) rotate(0deg); }
to {
transform: translate3d(20px, 20px, 0) rotate(360deg); } }
@keyframes to-edge {
from {
transform: translate3d(calc(50vw - 50px), calc(50vh - 50px), 0) rotate(0deg); }
to {
transform: translate3d(20px, 20px, 0) rotate(0deg); } }
.map-row {
height: calc(100vh - 200px); }
.histogram-row {
height: 170px; }
#military-expenses path {
stroke-width: 2px;
shape-rendering: geometricPrecision; }
.military-expenses-row {
height: 80px; }
.timeline-row {
height: 40px; }
svg {
height: 100%; }
#map {
height: 100%;
width: 100%; }
.mapboxgl-canvas-container {
width: 100%;
height: 100%; }
.d3-layer {
position: absolute;
width: 100%;
height: 100%; }
.diagramms {
position: relative; }
.military-expenses-rect {
opacity: .4; }
.military-expenses-axis text {
opacity: .6; }
.military-target:hover .military-expenses-axis text {
opacity: 1; }
.military-target:hover .military-expenses-rect {
opacity: .6; }
.timeline-progress {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none; }
.timeline-progress > div {
width: 0;
transform: scale(0);
transform-origin: left top;
background: #FECB2F;
opacity: .2;
height: 100%;
transition: transform .1s; }
.timeline-progress.histogram-progress {
top: 20px;
bottom: 40px; }
.mapboxgl-missing-css,
.mapboxgl-control-container {
display: none; }
#country-legend {
position: absolute;
top: 100px;
left: 20px;
z-index: 1; }
.military-target {
height: calc(100vh / 8); }
.wrapper {
box-sizing: border-box;
max-width: 1200px;
margin: 0 auto; }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem; }
.row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem; }
.row.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.col.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.col-xs {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-xs-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-xs-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-xs-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xs-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-xs-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-xs-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xs-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-xs-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-xs-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xs-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-xs-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-xs-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-xs-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.33333%; }
.col-xs-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.66667%; }
.col-xs-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%; }
.col-xs-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.33333%; }
.col-xs-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.66667%; }
.col-xs-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%; }
.col-xs-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.33333%; }
.col-xs-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.66667%; }
.col-xs-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%; }
.col-xs-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.33333%; }
.col-xs-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.66667%; }
.col-xs-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%; }
.col-xs {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: start; }
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: end; }
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-xs {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-xs {
order: -1; }
.last-xs {
order: 1; }
@media only screen and (min-width: 48em) {
.container {
width: 46rem; }
.col-sm {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-sm-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-sm-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-sm-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-sm-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-sm-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.33333%; }
.col-sm-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.66667%; }
.col-sm-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%; }
.col-sm-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.33333%; }
.col-sm-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.66667%; }
.col-sm-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%; }
.col-sm-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.33333%; }
.col-sm-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.66667%; }
.col-sm-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%; }
.col-sm-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.33333%; }
.col-sm-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.66667%; }
.col-sm-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%; }
.col-sm {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: start; }
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: end; }
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-sm {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-sm {
order: -1; }
.last-sm {
order: 1; } }
@media only screen and (min-width: 62em) {
.container {
width: 61rem; }
.col-md {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-md-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-md-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-md-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-md-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-md-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.33333%; }
.col-md-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.66667%; }
.col-md-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%; }
.col-md-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.33333%; }
.col-md-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.66667%; }
.col-md-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%; }
.col-md-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.33333%; }
.col-md-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.66667%; }
.col-md-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%; }
.col-md-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.33333%; }
.col-md-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.66667%; }
.col-md-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%; }
.col-md {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: start; }
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: end; }
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-md {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-md {
order: -1; }
.last-md {
order: 1; } }
@media only screen and (min-width: 75em) {
.container {
width: 71rem; }
.col-lg {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.col-lg-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.33333%;
-moz-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.66667%;
-moz-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-lg-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.33333%;
-moz-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.66667%;
-moz-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-lg-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.33333%;
-moz-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.66667%;
-moz-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-lg-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.33333%;
-moz-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.66667%;
-moz-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-lg-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.33333%; }
.col-lg-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.66667%; }
.col-lg-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%; }
.col-lg-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.33333%; }
.col-lg-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.66667%; }
.col-lg-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%; }
.col-lg-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.33333%; }
.col-lg-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.66667%; }
.col-lg-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%; }
.col-lg-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.33333%; }
.col-lg-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.66667%; }
.col-lg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%; }
.col-lg {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: start; }
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: end; }
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start; }
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end; }
.around-lg {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around; }
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
.first-lg {
order: -1; }
.last-lg {
order: 1; } }