.flexbox {
display: flex;
flex-wrap: wrap;
overflow: hidden;
box-sizing: border-box;
}
.flexitem--1\/1 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.flexitem--1\/2 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--1\/3 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--1\/4 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--1\/5 {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--1\/6 {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--1\/7 {
flex: 0 0 14.2857142857%;
width: 14.2857142857%;
max-width: 14.2857142857%;
box-sizing: border-box;
}
.flexitem--1\/8 {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%;
box-sizing: border-box;
}
.flexitem--1\/9 {
flex: 0 0 11.1111111111%;
width: 11.1111111111%;
max-width: 11.1111111111%;
box-sizing: border-box;
}
.flexitem--1\/10 {
flex: 0 0 10%;
width: 10%;
max-width: 10%;
box-sizing: border-box;
}
.flexitem--1\/11 {
flex: 0 0 9.0909090909%;
width: 9.0909090909%;
max-width: 9.0909090909%;
box-sizing: border-box;
}
.flexitem--1\/12 {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/3 {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--2\/4 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--2\/5 {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--2\/6 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/7 {
flex: 0 0 28.5714285714%;
width: 28.5714285714%;
max-width: 28.5714285714%;
box-sizing: border-box;
}
.flexitem--2\/8 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--2\/9 {
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
max-width: 22.2222222222%;
box-sizing: border-box;
}
.flexitem--2\/10 {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--2\/11 {
flex: 0 0 18.1818181818%;
width: 18.1818181818%;
max-width: 18.1818181818%;
box-sizing: border-box;
}
.flexitem--2\/12 {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--3\/4 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--3\/5 {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--3\/6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--3\/7 {
flex: 0 0 42.8571428571%;
width: 42.8571428571%;
max-width: 42.8571428571%;
box-sizing: border-box;
}
.flexitem--3\/8 {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%;
box-sizing: border-box;
}
.flexitem--3\/9 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--3\/10 {
flex: 0 0 30%;
width: 30%;
max-width: 30%;
box-sizing: border-box;
}
.flexitem--3\/11 {
flex: 0 0 27.2727272727%;
width: 27.2727272727%;
max-width: 27.2727272727%;
box-sizing: border-box;
}
.flexitem--3\/12 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--4\/5 {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--4\/6 {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--4\/7 {
flex: 0 0 57.1428571429%;
width: 57.1428571429%;
max-width: 57.1428571429%;
box-sizing: border-box;
}
.flexitem--4\/8 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--4\/9 {
flex: 0 0 44.4444444444%;
width: 44.4444444444%;
max-width: 44.4444444444%;
box-sizing: border-box;
}
.flexitem--4\/10 {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--4\/11 {
flex: 0 0 36.3636363636%;
width: 36.3636363636%;
max-width: 36.3636363636%;
box-sizing: border-box;
}
.flexitem--4\/12 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/6 {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/7 {
flex: 0 0 71.4285714286%;
width: 71.4285714286%;
max-width: 71.4285714286%;
box-sizing: border-box;
}
.flexitem--5\/8 {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%;
box-sizing: border-box;
}
.flexitem--5\/9 {
flex: 0 0 55.5555555556%;
width: 55.5555555556%;
max-width: 55.5555555556%;
box-sizing: border-box;
}
.flexitem--5\/10 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--5\/11 {
flex: 0 0 45.4545454545%;
width: 45.4545454545%;
max-width: 45.4545454545%;
box-sizing: border-box;
}
.flexitem--5\/12 {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/7 {
flex: 0 0 85.7142857143%;
width: 85.7142857143%;
max-width: 85.7142857143%;
box-sizing: border-box;
}
.flexitem--6\/8 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--6\/9 {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/10 {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--6\/11 {
flex: 0 0 54.5454545455%;
width: 54.5454545455%;
max-width: 54.5454545455%;
box-sizing: border-box;
}
.flexitem--6\/12 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--7\/8 {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%;
box-sizing: border-box;
}
.flexitem--7\/9 {
flex: 0 0 77.7777777778%;
width: 77.7777777778%;
max-width: 77.7777777778%;
box-sizing: border-box;
}
.flexitem--7\/10 {
flex: 0 0 70%;
width: 70%;
max-width: 70%;
box-sizing: border-box;
}
.flexitem--7\/11 {
flex: 0 0 63.6363636364%;
width: 63.6363636364%;
max-width: 63.6363636364%;
box-sizing: border-box;
}
.flexitem--7\/12 {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
box-sizing: border-box;
}
.flexitem--8\/9 {
flex: 0 0 88.8888888889%;
width: 88.8888888889%;
max-width: 88.8888888889%;
box-sizing: border-box;
}
.flexitem--8\/10 {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--8\/11 {
flex: 0 0 72.7272727273%;
width: 72.7272727273%;
max-width: 72.7272727273%;
box-sizing: border-box;
}
.flexitem--8\/12 {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--9\/10 {
flex: 0 0 90%;
width: 90%;
max-width: 90%;
box-sizing: border-box;
}
.flexitem--9\/11 {
flex: 0 0 81.8181818182%;
width: 81.8181818182%;
max-width: 81.8181818182%;
box-sizing: border-box;
}
.flexitem--9\/12 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--10\/11 {
flex: 0 0 90.9090909091%;
width: 90.9090909091%;
max-width: 90.9090909091%;
box-sizing: border-box;
}
.flexitem--10\/12 {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--11\/12 {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
box-sizing: border-box;
}
@media (min-width: 450px) {
.flexitem--1\/1--xs {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.flexitem--1\/2--xs {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--1\/3--xs {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--1\/4--xs {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--1\/5--xs {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--1\/6--xs {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--1\/7--xs {
flex: 0 0 14.2857142857%;
width: 14.2857142857%;
max-width: 14.2857142857%;
box-sizing: border-box;
}
.flexitem--1\/8--xs {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%;
box-sizing: border-box;
}
.flexitem--1\/9--xs {
flex: 0 0 11.1111111111%;
width: 11.1111111111%;
max-width: 11.1111111111%;
box-sizing: border-box;
}
.flexitem--1\/10--xs {
flex: 0 0 10%;
width: 10%;
max-width: 10%;
box-sizing: border-box;
}
.flexitem--1\/11--xs {
flex: 0 0 9.0909090909%;
width: 9.0909090909%;
max-width: 9.0909090909%;
box-sizing: border-box;
}
.flexitem--1\/12--xs {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/3--xs {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--2\/4--xs {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--2\/5--xs {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--2\/6--xs {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/7--xs {
flex: 0 0 28.5714285714%;
width: 28.5714285714%;
max-width: 28.5714285714%;
box-sizing: border-box;
}
.flexitem--2\/8--xs {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--2\/9--xs {
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
max-width: 22.2222222222%;
box-sizing: border-box;
}
.flexitem--2\/10--xs {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--2\/11--xs {
flex: 0 0 18.1818181818%;
width: 18.1818181818%;
max-width: 18.1818181818%;
box-sizing: border-box;
}
.flexitem--2\/12--xs {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--3\/4--xs {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--3\/5--xs {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--3\/6--xs {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--3\/7--xs {
flex: 0 0 42.8571428571%;
width: 42.8571428571%;
max-width: 42.8571428571%;
box-sizing: border-box;
}
.flexitem--3\/8--xs {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%;
box-sizing: border-box;
}
.flexitem--3\/9--xs {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--3\/10--xs {
flex: 0 0 30%;
width: 30%;
max-width: 30%;
box-sizing: border-box;
}
.flexitem--3\/11--xs {
flex: 0 0 27.2727272727%;
width: 27.2727272727%;
max-width: 27.2727272727%;
box-sizing: border-box;
}
.flexitem--3\/12--xs {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--4\/5--xs {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--4\/6--xs {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--4\/7--xs {
flex: 0 0 57.1428571429%;
width: 57.1428571429%;
max-width: 57.1428571429%;
box-sizing: border-box;
}
.flexitem--4\/8--xs {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--4\/9--xs {
flex: 0 0 44.4444444444%;
width: 44.4444444444%;
max-width: 44.4444444444%;
box-sizing: border-box;
}
.flexitem--4\/10--xs {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--4\/11--xs {
flex: 0 0 36.3636363636%;
width: 36.3636363636%;
max-width: 36.3636363636%;
box-sizing: border-box;
}
.flexitem--4\/12--xs {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/6--xs {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/7--xs {
flex: 0 0 71.4285714286%;
width: 71.4285714286%;
max-width: 71.4285714286%;
box-sizing: border-box;
}
.flexitem--5\/8--xs {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%;
box-sizing: border-box;
}
.flexitem--5\/9--xs {
flex: 0 0 55.5555555556%;
width: 55.5555555556%;
max-width: 55.5555555556%;
box-sizing: border-box;
}
.flexitem--5\/10--xs {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--5\/11--xs {
flex: 0 0 45.4545454545%;
width: 45.4545454545%;
max-width: 45.4545454545%;
box-sizing: border-box;
}
.flexitem--5\/12--xs {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/7--xs {
flex: 0 0 85.7142857143%;
width: 85.7142857143%;
max-width: 85.7142857143%;
box-sizing: border-box;
}
.flexitem--6\/8--xs {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--6\/9--xs {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/10--xs {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--6\/11--xs {
flex: 0 0 54.5454545455%;
width: 54.5454545455%;
max-width: 54.5454545455%;
box-sizing: border-box;
}
.flexitem--6\/12--xs {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--7\/8--xs {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%;
box-sizing: border-box;
}
.flexitem--7\/9--xs {
flex: 0 0 77.7777777778%;
width: 77.7777777778%;
max-width: 77.7777777778%;
box-sizing: border-box;
}
.flexitem--7\/10--xs {
flex: 0 0 70%;
width: 70%;
max-width: 70%;
box-sizing: border-box;
}
.flexitem--7\/11--xs {
flex: 0 0 63.6363636364%;
width: 63.6363636364%;
max-width: 63.6363636364%;
box-sizing: border-box;
}
.flexitem--7\/12--xs {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
box-sizing: border-box;
}
.flexitem--8\/9--xs {
flex: 0 0 88.8888888889%;
width: 88.8888888889%;
max-width: 88.8888888889%;
box-sizing: border-box;
}
.flexitem--8\/10--xs {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--8\/11--xs {
flex: 0 0 72.7272727273%;
width: 72.7272727273%;
max-width: 72.7272727273%;
box-sizing: border-box;
}
.flexitem--8\/12--xs {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--9\/10--xs {
flex: 0 0 90%;
width: 90%;
max-width: 90%;
box-sizing: border-box;
}
.flexitem--9\/11--xs {
flex: 0 0 81.8181818182%;
width: 81.8181818182%;
max-width: 81.8181818182%;
box-sizing: border-box;
}
.flexitem--9\/12--xs {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--10\/11--xs {
flex: 0 0 90.9090909091%;
width: 90.9090909091%;
max-width: 90.9090909091%;
box-sizing: border-box;
}
.flexitem--10\/12--xs {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--11\/12--xs {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
box-sizing: border-box;
}
}
@media (min-width: 600px) {
.flexitem--1\/1--sm {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.flexitem--1\/2--sm {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--1\/3--sm {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--1\/4--sm {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--1\/5--sm {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--1\/6--sm {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--1\/7--sm {
flex: 0 0 14.2857142857%;
width: 14.2857142857%;
max-width: 14.2857142857%;
box-sizing: border-box;
}
.flexitem--1\/8--sm {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%;
box-sizing: border-box;
}
.flexitem--1\/9--sm {
flex: 0 0 11.1111111111%;
width: 11.1111111111%;
max-width: 11.1111111111%;
box-sizing: border-box;
}
.flexitem--1\/10--sm {
flex: 0 0 10%;
width: 10%;
max-width: 10%;
box-sizing: border-box;
}
.flexitem--1\/11--sm {
flex: 0 0 9.0909090909%;
width: 9.0909090909%;
max-width: 9.0909090909%;
box-sizing: border-box;
}
.flexitem--1\/12--sm {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/3--sm {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--2\/4--sm {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--2\/5--sm {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--2\/6--sm {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/7--sm {
flex: 0 0 28.5714285714%;
width: 28.5714285714%;
max-width: 28.5714285714%;
box-sizing: border-box;
}
.flexitem--2\/8--sm {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--2\/9--sm {
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
max-width: 22.2222222222%;
box-sizing: border-box;
}
.flexitem--2\/10--sm {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--2\/11--sm {
flex: 0 0 18.1818181818%;
width: 18.1818181818%;
max-width: 18.1818181818%;
box-sizing: border-box;
}
.flexitem--2\/12--sm {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--3\/4--sm {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--3\/5--sm {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--3\/6--sm {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--3\/7--sm {
flex: 0 0 42.8571428571%;
width: 42.8571428571%;
max-width: 42.8571428571%;
box-sizing: border-box;
}
.flexitem--3\/8--sm {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%;
box-sizing: border-box;
}
.flexitem--3\/9--sm {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--3\/10--sm {
flex: 0 0 30%;
width: 30%;
max-width: 30%;
box-sizing: border-box;
}
.flexitem--3\/11--sm {
flex: 0 0 27.2727272727%;
width: 27.2727272727%;
max-width: 27.2727272727%;
box-sizing: border-box;
}
.flexitem--3\/12--sm {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--4\/5--sm {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--4\/6--sm {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--4\/7--sm {
flex: 0 0 57.1428571429%;
width: 57.1428571429%;
max-width: 57.1428571429%;
box-sizing: border-box;
}
.flexitem--4\/8--sm {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--4\/9--sm {
flex: 0 0 44.4444444444%;
width: 44.4444444444%;
max-width: 44.4444444444%;
box-sizing: border-box;
}
.flexitem--4\/10--sm {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--4\/11--sm {
flex: 0 0 36.3636363636%;
width: 36.3636363636%;
max-width: 36.3636363636%;
box-sizing: border-box;
}
.flexitem--4\/12--sm {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/6--sm {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/7--sm {
flex: 0 0 71.4285714286%;
width: 71.4285714286%;
max-width: 71.4285714286%;
box-sizing: border-box;
}
.flexitem--5\/8--sm {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%;
box-sizing: border-box;
}
.flexitem--5\/9--sm {
flex: 0 0 55.5555555556%;
width: 55.5555555556%;
max-width: 55.5555555556%;
box-sizing: border-box;
}
.flexitem--5\/10--sm {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--5\/11--sm {
flex: 0 0 45.4545454545%;
width: 45.4545454545%;
max-width: 45.4545454545%;
box-sizing: border-box;
}
.flexitem--5\/12--sm {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/7--sm {
flex: 0 0 85.7142857143%;
width: 85.7142857143%;
max-width: 85.7142857143%;
box-sizing: border-box;
}
.flexitem--6\/8--sm {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--6\/9--sm {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/10--sm {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--6\/11--sm {
flex: 0 0 54.5454545455%;
width: 54.5454545455%;
max-width: 54.5454545455%;
box-sizing: border-box;
}
.flexitem--6\/12--sm {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--7\/8--sm {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%;
box-sizing: border-box;
}
.flexitem--7\/9--sm {
flex: 0 0 77.7777777778%;
width: 77.7777777778%;
max-width: 77.7777777778%;
box-sizing: border-box;
}
.flexitem--7\/10--sm {
flex: 0 0 70%;
width: 70%;
max-width: 70%;
box-sizing: border-box;
}
.flexitem--7\/11--sm {
flex: 0 0 63.6363636364%;
width: 63.6363636364%;
max-width: 63.6363636364%;
box-sizing: border-box;
}
.flexitem--7\/12--sm {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
box-sizing: border-box;
}
.flexitem--8\/9--sm {
flex: 0 0 88.8888888889%;
width: 88.8888888889%;
max-width: 88.8888888889%;
box-sizing: border-box;
}
.flexitem--8\/10--sm {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--8\/11--sm {
flex: 0 0 72.7272727273%;
width: 72.7272727273%;
max-width: 72.7272727273%;
box-sizing: border-box;
}
.flexitem--8\/12--sm {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--9\/10--sm {
flex: 0 0 90%;
width: 90%;
max-width: 90%;
box-sizing: border-box;
}
.flexitem--9\/11--sm {
flex: 0 0 81.8181818182%;
width: 81.8181818182%;
max-width: 81.8181818182%;
box-sizing: border-box;
}
.flexitem--9\/12--sm {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--10\/11--sm {
flex: 0 0 90.9090909091%;
width: 90.9090909091%;
max-width: 90.9090909091%;
box-sizing: border-box;
}
.flexitem--10\/12--sm {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--11\/12--sm {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
box-sizing: border-box;
}
}
@media (min-width: 750px) {
.flexitem--1\/1--md {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.flexitem--1\/2--md {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--1\/3--md {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--1\/4--md {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--1\/5--md {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--1\/6--md {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--1\/7--md {
flex: 0 0 14.2857142857%;
width: 14.2857142857%;
max-width: 14.2857142857%;
box-sizing: border-box;
}
.flexitem--1\/8--md {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%;
box-sizing: border-box;
}
.flexitem--1\/9--md {
flex: 0 0 11.1111111111%;
width: 11.1111111111%;
max-width: 11.1111111111%;
box-sizing: border-box;
}
.flexitem--1\/10--md {
flex: 0 0 10%;
width: 10%;
max-width: 10%;
box-sizing: border-box;
}
.flexitem--1\/11--md {
flex: 0 0 9.0909090909%;
width: 9.0909090909%;
max-width: 9.0909090909%;
box-sizing: border-box;
}
.flexitem--1\/12--md {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/3--md {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--2\/4--md {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--2\/5--md {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--2\/6--md {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/7--md {
flex: 0 0 28.5714285714%;
width: 28.5714285714%;
max-width: 28.5714285714%;
box-sizing: border-box;
}
.flexitem--2\/8--md {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--2\/9--md {
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
max-width: 22.2222222222%;
box-sizing: border-box;
}
.flexitem--2\/10--md {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--2\/11--md {
flex: 0 0 18.1818181818%;
width: 18.1818181818%;
max-width: 18.1818181818%;
box-sizing: border-box;
}
.flexitem--2\/12--md {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--3\/4--md {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--3\/5--md {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--3\/6--md {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--3\/7--md {
flex: 0 0 42.8571428571%;
width: 42.8571428571%;
max-width: 42.8571428571%;
box-sizing: border-box;
}
.flexitem--3\/8--md {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%;
box-sizing: border-box;
}
.flexitem--3\/9--md {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--3\/10--md {
flex: 0 0 30%;
width: 30%;
max-width: 30%;
box-sizing: border-box;
}
.flexitem--3\/11--md {
flex: 0 0 27.2727272727%;
width: 27.2727272727%;
max-width: 27.2727272727%;
box-sizing: border-box;
}
.flexitem--3\/12--md {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--4\/5--md {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--4\/6--md {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--4\/7--md {
flex: 0 0 57.1428571429%;
width: 57.1428571429%;
max-width: 57.1428571429%;
box-sizing: border-box;
}
.flexitem--4\/8--md {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--4\/9--md {
flex: 0 0 44.4444444444%;
width: 44.4444444444%;
max-width: 44.4444444444%;
box-sizing: border-box;
}
.flexitem--4\/10--md {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--4\/11--md {
flex: 0 0 36.3636363636%;
width: 36.3636363636%;
max-width: 36.3636363636%;
box-sizing: border-box;
}
.flexitem--4\/12--md {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/6--md {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/7--md {
flex: 0 0 71.4285714286%;
width: 71.4285714286%;
max-width: 71.4285714286%;
box-sizing: border-box;
}
.flexitem--5\/8--md {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%;
box-sizing: border-box;
}
.flexitem--5\/9--md {
flex: 0 0 55.5555555556%;
width: 55.5555555556%;
max-width: 55.5555555556%;
box-sizing: border-box;
}
.flexitem--5\/10--md {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--5\/11--md {
flex: 0 0 45.4545454545%;
width: 45.4545454545%;
max-width: 45.4545454545%;
box-sizing: border-box;
}
.flexitem--5\/12--md {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/7--md {
flex: 0 0 85.7142857143%;
width: 85.7142857143%;
max-width: 85.7142857143%;
box-sizing: border-box;
}
.flexitem--6\/8--md {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--6\/9--md {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/10--md {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--6\/11--md {
flex: 0 0 54.5454545455%;
width: 54.5454545455%;
max-width: 54.5454545455%;
box-sizing: border-box;
}
.flexitem--6\/12--md {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--7\/8--md {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%;
box-sizing: border-box;
}
.flexitem--7\/9--md {
flex: 0 0 77.7777777778%;
width: 77.7777777778%;
max-width: 77.7777777778%;
box-sizing: border-box;
}
.flexitem--7\/10--md {
flex: 0 0 70%;
width: 70%;
max-width: 70%;
box-sizing: border-box;
}
.flexitem--7\/11--md {
flex: 0 0 63.6363636364%;
width: 63.6363636364%;
max-width: 63.6363636364%;
box-sizing: border-box;
}
.flexitem--7\/12--md {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
box-sizing: border-box;
}
.flexitem--8\/9--md {
flex: 0 0 88.8888888889%;
width: 88.8888888889%;
max-width: 88.8888888889%;
box-sizing: border-box;
}
.flexitem--8\/10--md {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--8\/11--md {
flex: 0 0 72.7272727273%;
width: 72.7272727273%;
max-width: 72.7272727273%;
box-sizing: border-box;
}
.flexitem--8\/12--md {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--9\/10--md {
flex: 0 0 90%;
width: 90%;
max-width: 90%;
box-sizing: border-box;
}
.flexitem--9\/11--md {
flex: 0 0 81.8181818182%;
width: 81.8181818182%;
max-width: 81.8181818182%;
box-sizing: border-box;
}
.flexitem--9\/12--md {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--10\/11--md {
flex: 0 0 90.9090909091%;
width: 90.9090909091%;
max-width: 90.9090909091%;
box-sizing: border-box;
}
.flexitem--10\/12--md {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--11\/12--md {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
box-sizing: border-box;
}
}
@media (min-width: 900px) {
.flexitem--1\/1--lg {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.flexitem--1\/2--lg {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--1\/3--lg {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--1\/4--lg {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--1\/5--lg {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--1\/6--lg {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--1\/7--lg {
flex: 0 0 14.2857142857%;
width: 14.2857142857%;
max-width: 14.2857142857%;
box-sizing: border-box;
}
.flexitem--1\/8--lg {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%;
box-sizing: border-box;
}
.flexitem--1\/9--lg {
flex: 0 0 11.1111111111%;
width: 11.1111111111%;
max-width: 11.1111111111%;
box-sizing: border-box;
}
.flexitem--1\/10--lg {
flex: 0 0 10%;
width: 10%;
max-width: 10%;
box-sizing: border-box;
}
.flexitem--1\/11--lg {
flex: 0 0 9.0909090909%;
width: 9.0909090909%;
max-width: 9.0909090909%;
box-sizing: border-box;
}
.flexitem--1\/12--lg {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/3--lg {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--2\/4--lg {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--2\/5--lg {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--2\/6--lg {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/7--lg {
flex: 0 0 28.5714285714%;
width: 28.5714285714%;
max-width: 28.5714285714%;
box-sizing: border-box;
}
.flexitem--2\/8--lg {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--2\/9--lg {
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
max-width: 22.2222222222%;
box-sizing: border-box;
}
.flexitem--2\/10--lg {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--2\/11--lg {
flex: 0 0 18.1818181818%;
width: 18.1818181818%;
max-width: 18.1818181818%;
box-sizing: border-box;
}
.flexitem--2\/12--lg {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--3\/4--lg {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--3\/5--lg {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--3\/6--lg {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--3\/7--lg {
flex: 0 0 42.8571428571%;
width: 42.8571428571%;
max-width: 42.8571428571%;
box-sizing: border-box;
}
.flexitem--3\/8--lg {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%;
box-sizing: border-box;
}
.flexitem--3\/9--lg {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--3\/10--lg {
flex: 0 0 30%;
width: 30%;
max-width: 30%;
box-sizing: border-box;
}
.flexitem--3\/11--lg {
flex: 0 0 27.2727272727%;
width: 27.2727272727%;
max-width: 27.2727272727%;
box-sizing: border-box;
}
.flexitem--3\/12--lg {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--4\/5--lg {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--4\/6--lg {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--4\/7--lg {
flex: 0 0 57.1428571429%;
width: 57.1428571429%;
max-width: 57.1428571429%;
box-sizing: border-box;
}
.flexitem--4\/8--lg {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--4\/9--lg {
flex: 0 0 44.4444444444%;
width: 44.4444444444%;
max-width: 44.4444444444%;
box-sizing: border-box;
}
.flexitem--4\/10--lg {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--4\/11--lg {
flex: 0 0 36.3636363636%;
width: 36.3636363636%;
max-width: 36.3636363636%;
box-sizing: border-box;
}
.flexitem--4\/12--lg {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/6--lg {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/7--lg {
flex: 0 0 71.4285714286%;
width: 71.4285714286%;
max-width: 71.4285714286%;
box-sizing: border-box;
}
.flexitem--5\/8--lg {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%;
box-sizing: border-box;
}
.flexitem--5\/9--lg {
flex: 0 0 55.5555555556%;
width: 55.5555555556%;
max-width: 55.5555555556%;
box-sizing: border-box;
}
.flexitem--5\/10--lg {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--5\/11--lg {
flex: 0 0 45.4545454545%;
width: 45.4545454545%;
max-width: 45.4545454545%;
box-sizing: border-box;
}
.flexitem--5\/12--lg {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/7--lg {
flex: 0 0 85.7142857143%;
width: 85.7142857143%;
max-width: 85.7142857143%;
box-sizing: border-box;
}
.flexitem--6\/8--lg {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--6\/9--lg {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/10--lg {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--6\/11--lg {
flex: 0 0 54.5454545455%;
width: 54.5454545455%;
max-width: 54.5454545455%;
box-sizing: border-box;
}
.flexitem--6\/12--lg {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--7\/8--lg {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%;
box-sizing: border-box;
}
.flexitem--7\/9--lg {
flex: 0 0 77.7777777778%;
width: 77.7777777778%;
max-width: 77.7777777778%;
box-sizing: border-box;
}
.flexitem--7\/10--lg {
flex: 0 0 70%;
width: 70%;
max-width: 70%;
box-sizing: border-box;
}
.flexitem--7\/11--lg {
flex: 0 0 63.6363636364%;
width: 63.6363636364%;
max-width: 63.6363636364%;
box-sizing: border-box;
}
.flexitem--7\/12--lg {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
box-sizing: border-box;
}
.flexitem--8\/9--lg {
flex: 0 0 88.8888888889%;
width: 88.8888888889%;
max-width: 88.8888888889%;
box-sizing: border-box;
}
.flexitem--8\/10--lg {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--8\/11--lg {
flex: 0 0 72.7272727273%;
width: 72.7272727273%;
max-width: 72.7272727273%;
box-sizing: border-box;
}
.flexitem--8\/12--lg {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--9\/10--lg {
flex: 0 0 90%;
width: 90%;
max-width: 90%;
box-sizing: border-box;
}
.flexitem--9\/11--lg {
flex: 0 0 81.8181818182%;
width: 81.8181818182%;
max-width: 81.8181818182%;
box-sizing: border-box;
}
.flexitem--9\/12--lg {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--10\/11--lg {
flex: 0 0 90.9090909091%;
width: 90.9090909091%;
max-width: 90.9090909091%;
box-sizing: border-box;
}
.flexitem--10\/12--lg {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--11\/12--lg {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
box-sizing: border-box;
}
}
@media (min-width: 1024px) {
.flexitem--1\/1--xl {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.flexitem--1\/2--xl {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--1\/3--xl {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--1\/4--xl {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--1\/5--xl {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--1\/6--xl {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--1\/7--xl {
flex: 0 0 14.2857142857%;
width: 14.2857142857%;
max-width: 14.2857142857%;
box-sizing: border-box;
}
.flexitem--1\/8--xl {
flex: 0 0 12.5%;
width: 12.5%;
max-width: 12.5%;
box-sizing: border-box;
}
.flexitem--1\/9--xl {
flex: 0 0 11.1111111111%;
width: 11.1111111111%;
max-width: 11.1111111111%;
box-sizing: border-box;
}
.flexitem--1\/10--xl {
flex: 0 0 10%;
width: 10%;
max-width: 10%;
box-sizing: border-box;
}
.flexitem--1\/11--xl {
flex: 0 0 9.0909090909%;
width: 9.0909090909%;
max-width: 9.0909090909%;
box-sizing: border-box;
}
.flexitem--1\/12--xl {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/3--xl {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--2\/4--xl {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--2\/5--xl {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--2\/6--xl {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--2\/7--xl {
flex: 0 0 28.5714285714%;
width: 28.5714285714%;
max-width: 28.5714285714%;
box-sizing: border-box;
}
.flexitem--2\/8--xl {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--2\/9--xl {
flex: 0 0 22.2222222222%;
width: 22.2222222222%;
max-width: 22.2222222222%;
box-sizing: border-box;
}
.flexitem--2\/10--xl {
flex: 0 0 20%;
width: 20%;
max-width: 20%;
box-sizing: border-box;
}
.flexitem--2\/11--xl {
flex: 0 0 18.1818181818%;
width: 18.1818181818%;
max-width: 18.1818181818%;
box-sizing: border-box;
}
.flexitem--2\/12--xl {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
box-sizing: border-box;
}
.flexitem--3\/4--xl {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--3\/5--xl {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--3\/6--xl {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--3\/7--xl {
flex: 0 0 42.8571428571%;
width: 42.8571428571%;
max-width: 42.8571428571%;
box-sizing: border-box;
}
.flexitem--3\/8--xl {
flex: 0 0 37.5%;
width: 37.5%;
max-width: 37.5%;
box-sizing: border-box;
}
.flexitem--3\/9--xl {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--3\/10--xl {
flex: 0 0 30%;
width: 30%;
max-width: 30%;
box-sizing: border-box;
}
.flexitem--3\/11--xl {
flex: 0 0 27.2727272727%;
width: 27.2727272727%;
max-width: 27.2727272727%;
box-sizing: border-box;
}
.flexitem--3\/12--xl {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
box-sizing: border-box;
}
.flexitem--4\/5--xl {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--4\/6--xl {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--4\/7--xl {
flex: 0 0 57.1428571429%;
width: 57.1428571429%;
max-width: 57.1428571429%;
box-sizing: border-box;
}
.flexitem--4\/8--xl {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--4\/9--xl {
flex: 0 0 44.4444444444%;
width: 44.4444444444%;
max-width: 44.4444444444%;
box-sizing: border-box;
}
.flexitem--4\/10--xl {
flex: 0 0 40%;
width: 40%;
max-width: 40%;
box-sizing: border-box;
}
.flexitem--4\/11--xl {
flex: 0 0 36.3636363636%;
width: 36.3636363636%;
max-width: 36.3636363636%;
box-sizing: border-box;
}
.flexitem--4\/12--xl {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/6--xl {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--5\/7--xl {
flex: 0 0 71.4285714286%;
width: 71.4285714286%;
max-width: 71.4285714286%;
box-sizing: border-box;
}
.flexitem--5\/8--xl {
flex: 0 0 62.5%;
width: 62.5%;
max-width: 62.5%;
box-sizing: border-box;
}
.flexitem--5\/9--xl {
flex: 0 0 55.5555555556%;
width: 55.5555555556%;
max-width: 55.5555555556%;
box-sizing: border-box;
}
.flexitem--5\/10--xl {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--5\/11--xl {
flex: 0 0 45.4545454545%;
width: 45.4545454545%;
max-width: 45.4545454545%;
box-sizing: border-box;
}
.flexitem--5\/12--xl {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/7--xl {
flex: 0 0 85.7142857143%;
width: 85.7142857143%;
max-width: 85.7142857143%;
box-sizing: border-box;
}
.flexitem--6\/8--xl {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--6\/9--xl {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--6\/10--xl {
flex: 0 0 60%;
width: 60%;
max-width: 60%;
box-sizing: border-box;
}
.flexitem--6\/11--xl {
flex: 0 0 54.5454545455%;
width: 54.5454545455%;
max-width: 54.5454545455%;
box-sizing: border-box;
}
.flexitem--6\/12--xl {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.flexitem--7\/8--xl {
flex: 0 0 87.5%;
width: 87.5%;
max-width: 87.5%;
box-sizing: border-box;
}
.flexitem--7\/9--xl {
flex: 0 0 77.7777777778%;
width: 77.7777777778%;
max-width: 77.7777777778%;
box-sizing: border-box;
}
.flexitem--7\/10--xl {
flex: 0 0 70%;
width: 70%;
max-width: 70%;
box-sizing: border-box;
}
.flexitem--7\/11--xl {
flex: 0 0 63.6363636364%;
width: 63.6363636364%;
max-width: 63.6363636364%;
box-sizing: border-box;
}
.flexitem--7\/12--xl {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
box-sizing: border-box;
}
.flexitem--8\/9--xl {
flex: 0 0 88.8888888889%;
width: 88.8888888889%;
max-width: 88.8888888889%;
box-sizing: border-box;
}
.flexitem--8\/10--xl {
flex: 0 0 80%;
width: 80%;
max-width: 80%;
box-sizing: border-box;
}
.flexitem--8\/11--xl {
flex: 0 0 72.7272727273%;
width: 72.7272727273%;
max-width: 72.7272727273%;
box-sizing: border-box;
}
.flexitem--8\/12--xl {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
box-sizing: border-box;
}
.flexitem--9\/10--xl {
flex: 0 0 90%;
width: 90%;
max-width: 90%;
box-sizing: border-box;
}
.flexitem--9\/11--xl {
flex: 0 0 81.8181818182%;
width: 81.8181818182%;
max-width: 81.8181818182%;
box-sizing: border-box;
}
.flexitem--9\/12--xl {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
box-sizing: border-box;
}
.flexitem--10\/11--xl {
flex: 0 0 90.9090909091%;
width: 90.9090909091%;
max-width: 90.9090909091%;
box-sizing: border-box;
}
.flexitem--10\/12--xl {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
box-sizing: border-box;
}
.flexitem--11\/12--xl {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
box-sizing: border-box;
}
}
content_copy
コードをクリップボードにコピー