@charset  "utf-8";

/* latin-ext */
@font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Quattrocento Sans'), local(QuattrocentoSans), url(https://fonts.gstatic.com/s/quattrocentosans/v9/efd6FGWWGX5Z3ztwLBrG9X1YW00lgGbZnyY5SugJ188.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Quattrocento Sans'), local(QuattrocentoSans), url(https://fonts.gstatic.com/s/quattrocentosans/v9/efd6FGWWGX5Z3ztwLBrG9czpYVnxV7fe3GzmF357o4o.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local(Raleway), local(Raleway-Regular), url(https://fonts.gstatic.com/s/raleway/v11/YZaO6llzOP57DpTBv2GnyFKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local(Raleway), local(Raleway-Regular), url(https://fonts.gstatic.com/s/raleway/v11/QAUlVt1jXOgQavlW5wEfxQLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* - .homestay general
 ------------------------------------------------------------ */
.homestay {
    background-color: #fff;
    font-family: 'Quattrocento Sans', sans-serif;
    font-size: 16px;
}
.homestay .wrapping {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}
.homestay [class*=grid-][class*=-noGutter].wrapping {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}
.homestay .row {
    max-width: 1380px;
    padding: 1em;
}
.homestay .inner {
    width: 100%;
}
.homestay section, .homestay .intro {
}
.homestay .white-space span:not(.eccetto) {
    white-space: nowrap;
    display: inline-block;
}
.homestay [class*=grid-][class*=-equalHeight]>[class*=col].for-pc {
    display: none;
}
.homestay [class*=grid-][class*=-equalHeight]>[class*=col].for-mobile {
    display: block;
}

/* - .homestay text
 ------------------------------------------------------------ */
.homestay h1, .homestay h2, .homestay h3, .homestay h4, .homestay h5 {
    font-weight: 400;
    line-height: 1.25;
    font-family: 'Raleway', sans-serif;
}
.homestay h1 {
    margin: 0 auto;
    width: 80%;
}
.homestay h2 {
    text-align: center;
    font-size: 2em;
}
.homestay h3 {
    font-size: 140%;
}
.homestay h4 {
    font-size: 130%;
}
.homestay h5 {
    font-size: 120%;
}
.homestay p {
}
.homestay em {
    font-style: normal;
    font-weight: 700;
}

/* - .homestay a:link;
 ------------------------------------------------------------ */
.homestay .more-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 1em;
}
.homestay .more-link .co-item {
}
.homestay .more-link a {
    background-color: #95d66e;
    color: #fff;
    padding: .8em 1em;
    width: 100%;
    margin: 0 0 1em;
    font-weight: 700;
    font-size: 1.2em;
}
.homestay .more-link a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}
.homestay .more-link a[href*="#howtoStay"] {
    background-color: #6c8fbd;
}
.homestay .more-link a[href*="taiken/"] {
    background-color: #fdb150;
}
.homestay .more-link a[href*="/homestay/application/"] {
    background-color: #f16e51;
}

/* - headerheader
 ------------------------------------------------------------ */
.homestay header {
    position: relative;
    width: 100%;
    background-color: #000;
}
.homestay .bg {
    max-height: 500px;
}
.homestay .bg .center .inner {
    padding: 0 1em;
}
.homestay h1 img {
    max-height: 250px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.homestay .bosco {
    background-image: url(../images/bosco.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.homestay .ny {
    background-image: url(../images/ny.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.homestay .title-wrap {
    color: #fff;
    text-align: center;
    padding: 0 0 .3em;
}
.homestay header h1 {
}
.homestay .arrow {
    width: 100%;
    margin: 0 auto;
    background-color: #000;
}
.homestay .arrow i {
    font-size: 2em;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 0 0 .3em;
}

/* - .intro
 ------------------------------------------------------------ */
.homestay .intro {
    width: 100%;
}
.homestay .intro .wrapping {
    padding: 0 1em;
}
.homestay .intro h2 {
    font-size: 1.35em;
    text-align: center;
}
.homestay .intro .row img {
    margin: 1.5em auto 1em;
    display: block;
}
.homestay .intro p {
    line-height: 1.5;
    font-size: 1.1em;
    padding: 1em;
}
.container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 1em;

 }

[class*=bitem-] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    grid-column: 1;
    grid-row: auto;
    height: 200px;
}
.bitem-01 {
    background-image: url(../images/intro/es06.jpg);
}
.bitem-02 {
    background-image: url(../images/intro/es02.jpg);
}
.bitem-03 {
    height: 247px;
}
.bitem-04 {
    background-image: url(../images/intro/es01.jpg);
}
.bitem-05 {
    background-image: url(../images/intro/es03.jpg);
}
.bitem-06 {
    background-image: url(../images/intro/es04.jpg);
    background-position: center bottom;
}

/* - .how-it-works
 ------------------------------------------------------------ */
.homestay .destinations {
    width: 100%;
}
.homestay .destinations [class*=col-] {
    position: relative;
}
.homestay .destinations [class*=col-] a {
    display: block;
}
.homestay .destinations [class*=col-] a:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.homestay .destinations .town {
    color: #fff;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: 0, -50%;
    transform: translate(0, -50%);
    text-shadow: 0 0 6px #000;
    text-transform: uppercase;
    font-size: 2em;
}
.homestay .destinations .town:lang(ja) {
    font-size: 1.6em;
}
.homestay .destinations h3 span {
    display: block;
    font-size: 65%;
    text-transform: lowercase;
    margin: 0 0 .7em 0;
}
.homestay .destinations .tutor {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .5em;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.4);
    padding: .3em;
    width: 92%;
}
.homestay .destinations .tutor p {
    margin: 0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
}
.homestay .destinations .tutor img {
    width: 20px;
    margin: 0 5px 0 3px;
}
.homestay .destinations .map img {
    display: none;
    margin: 0 auto;
}
.homestay .destinations .map h3 {
    text-align: center;
    letter-spacing: 10px;
    margin: .3em 0;
}
.homestay .destinations .kikan {
    text-align: center;
    position: absolute;
    margin: auto;
    top: 16px;
    right: 0;
    left: 0;
    font-weight: bold;
    line-height: 1;
    width: calc(100% - 10px);
}
.homestay .destinations .kikan span {
    color: #fff;
    background-color: #8ba251;
    padding: .3em .5em;
    border: 1px solid #fff;
    border-right: none;
}
.homestay .destinations .kikan em {
    color: #fff;
    background-color: #ef6f56;
    padding: .3em .5em;
    border: 1px solid #fff;
}

/* - .how-it-works
 ------------------------------------------------------------ */
.how-it-works {
    background-color: #fbf9f6;
    background-image: url(../images/city.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 80%;
    padding: 0 0 7.5em;
    width: 100%;
    margin: 0 auto;
}
.how-it-works h2 {
    margin: 1em 0 .6em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .4em;
    font-weight: normal;
}
.how-it-works h3 {
    font-weight: 400;
    margin: 0 0 1.2em;
}
.how-it-works h4 {
    margin: 1.414rem 0;
    font-weight: 400;
    font-size: 1.56em;
}
.how-it-works p {
    font-size: 1em;
    margin: 1em 0;
}
.how-it-works p em {
    font-weight: bold;
    font-style: normal;
}
.how-it-works .inner {
    padding: 1.8em;
    border-bottom: 1px dotted #ccc;
}

/* - copyright
 ------------------------------------------------------------ */
.copyright-stay {
    text-align: center;
    padding: .3em 0;
    width: 100%;
    font-size: .7em;
}
.copyright-stay a {
    text-align: center;
    color: #222;
}

/* - page scroll
 ------------------------------------------------------------ */
#page-top {
    position: fixed;
    bottom: 120px;
    right: 20px;
}
#page-top
a {
    font-size: 12px;
    padding: 30px 0;
    background: #D9D8C8;
    text-decoration: none;
    color: #fff !important;
    width: 100px;
    height: 77px;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#page-top
a:hover {
    text-decoration: none;
    background: #b89fae;
}

/* - ## x >= 540px
 ------------------------------------------------------------ */
@media screen and (min-width:540px) {
}

/* - ## x >= 569px
 ------------------------------------------------------------ */
@media screen and (min-width:569px) {
    .homestay header .title-wrap {
    }
    .homestay header:before {
        height: 45vh;
    }
    .homestay header:after {
        height: 45vh;
    }
    .how-it-works {
        padding: 0 0 12em;
    }
    .homestay h1 {
    }
    .homestay .intro .wrapping {
        padding: 0 1em;
    }
    .homestay [class*=grid-][class*=-equalHeight]>[class*=col].for-pc {
        display: block;
    }
    .homestay [class*=grid-][class*=-equalHeight]>[class*=col].for-mobile {
        display: none;
    }
}

/* - ## x >= 769px
 ------------------------------------------------------------ */
@media screen and (min-width:769px) {
    .homestay header {
        padding: 1em 0 0;
        min-height: 475px;
    }
    .homestay header .title-wrap {
    }
    .homestay header i {
    }
    .homestay header h1 {
    }
    .homestay header h2 {
    }
    .homestay header .aereo {
    }
    .homestay header:before {
        height: 40vh;
    }
    .homestay header:after {
        height: 40vh;
    }
    .homestay .intro h2 {
    }
    .homestay .intro p {
        padding: 0 0 .5em;
    }
    .homestay .intro .wrapping {
        padding: 0 3em;
    }
    .homestay .intro .inner-3 {
        padding: 0 0 1em 1em;
    }
    .homestay .intro .inner-4 {
        padding: 0 0 0 1em;
    }
    .homestay .wrapping {
    }
    .homestay .wrapping [class*=col-]:nth-of-type(1) {
    }
    .homestay .wrapping [class*=col-]:nth-of-type(2) {
    }
    .homestay .wrapping [class*=col-]:nth-of-type(3) {
    }
    .homestay .more-link {
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
    }
    .homestay .more-link .co-item {
        margin: .5em;
    }
    .homestay .for-mobile {
        display: none;
    }
    .homestay .for-pc {
        display: block;
    }
    .homestay .tab.for-pc {
        display: none;
    }
    .homestay .destinations .map img {
        display: block;
    }
    .how-it-works .inner {
        border: none;
    }
    .how-it-works {
        padding: 0 0 14em;
    }
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr 2fr 2fr;
        grid-template-rows: 252px 120px 150px;
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        justify-items: stretch;
        align-items: stretch;
        padding: 1em;
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
     }
    [class*=bitem-] {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        grid-column: inherit;
        grid-row: inherit;
        height: inherit;
    }
    [class*=bitem-].box1 {
        grid-column: 4;
        grid-row: 1 / 3;
    }
    [class*=bitem-].box2 {
        grid-column: 1 / 4;
        grid-row: 2 / 4;
    }
}

/* - ## x >= 800px
 ------------------------------------------------------------ */
@media screen and (min-width:800px) {
}

/* - ## x >= 540 - 940
 ------------------------------------------------------------ */
@media screen and (min-width:540px) and (max-width:940px) {
    .nav-list .nav-item:last-child {
        display: none;
    }
    .nav-list .nav-item:first-child {
        display: none;
    }
}
/* - ## x >= 540 - 940
 ------------------------------------------------------------ */
@media screen and (min-width:769px) and (max-width:1179px) {
    .homestay .destinations .kikan span {
        display: block;
        margin: 0 auto;
        width: calc(100% - 55px);
        border: 1px solid #fff;
    }
    .homestay .destinations .kikan em {
        display: block;
        border: 1px solid #fff;
        border-top: none;
        margin: 0 auto;
        width: calc(100% - 55px);
    }
    .homestay .destinations .kikan {
        width: 100%;
        top: 9px;
    }
}

/* - ## x >= 1025px
 ------------------------------------------------------------ */
@media screen and (min-width:1025px) {
    .homestay header {
        height: 85vh;
        max-height: 700px;
        min-height: 500px;
    }
    .homestay header .title-wrap h1 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .homestay header i {
    }
    .homestay header h1 {
    }
    .homestay header h2 {
    }
    .homestay header .aereo {
        top: 120px;
        left: 100px;
        margin: auto 0;
    }
    .homestay .intro h2 {
        margin: 1em 0;
        line-height: 1.5;
    }
    .homestay .intro p {
        line-height: 1.7;
        font-size: 1.1em;
        padding: 1em;
    }
    .how-it-works {
        padding: 0 0 18em;
        background-size: 85%;
    }
    .homestay .tab.for-pc {
        display: block;
    }
    .homestay .intro .wrapping {
        padding: 0 4em;
        max-width: 1162px;
        margin: 0 auto;
    }
}

/* - ## x >= 1281px
 ------------------------------------------------------------ */
@media screen and (min-width:1281px) {
    .homestay header {
        min-height: 600px;
    }
    .homestay header .title-wrap {
    }
    .homestay header i {
    }
    .homestay header h1 {
        font-size: 2.6em;
    }
    .homestay header h2 {
    }
    .homestay header .aereo {
    }
    .homestay .intro h2 {
    }
}
@media only screen and (min-width:800px)
.off-canvas-wrap .homestay.page-grid {
    margin: 58px 0 0 0;
}
@media only screen and (min-width:540px)
.off-canvas-wrap .homestay.page-grid {
    margin: 118px 0 0 0;
}
.off-canvas-wrap .homestay.page-grid {

    /* margin: 45px 0 0 0; */
}
[class*=grid-1]>.col,[class*=grid-1]>[class*=col-]{width:100%}[class*=grid-2]>.col,[class*=grid-2]>[class*=col-]{width:50%}[class*=grid-3]>.col,[class*=grid-3]>[class*=col-]{width:33.33333333%}[class*=grid-4]>.col,[class*=grid-4]>[class*=col-]{width:25%}[class*=grid-5]>.col,[class*=grid-5]>[class*=col-]{width:20%}[class*=grid-6]>.col,[class*=grid-6]>[class*=col-]{width:16.66666667%}[class*=grid-7]>.col,[class*=grid-7]>[class*=col-]{width:14.28571429%}[class*=grid-8]>.col,[class*=grid-8]>[class*=col-]{width:12.5%}[class*=grid-9]>.col,[class*=grid-9]>[class*=col-]{width:11.11111111%}[class*=grid-10]>.col,[class*=grid-10]>[class*=col-]{width:10%}[class*=grid-10]>[class*=col-],[class*=grid-11]>.col{width:9.09090909%}[class*=grid-11]>[class*=col-],[class*=grid-12]>.col{width:8.33333333%}@media screen and (max-width:80em){[class*=_lg-1]>.col,[class*=_lg-1]>[class*=col-]{width:100%}[class*=_lg-2]>.col,[class*=_lg-2]>[class*=col-]{width:50%}[class*=_lg-3]>.col,[class*=_lg-3]>[class*=col-]{width:33.33333333%}[class*=_lg-4]>.col,[class*=_lg-4]>[class*=col-]{width:25%}[class*=_lg-5]>.col,[class*=_lg-5]>[class*=col-]{width:20%}[class*=_lg-6]>.col,[class*=_lg-6]>[class*=col-]{width:16.66666667%}[class*=_lg-7]>.col,[class*=_lg-7]>[class*=col-]{width:14.28571429%}[class*=_lg-8]>.col,[class*=_lg-8]>[class*=col-]{width:12.5%}[class*=_lg-9]>.col,[class*=_lg-9]>[class*=col-]{width:11.11111111%}[class*=_lg-10]>.col,[class*=_lg-10]>[class*=col-]{width:10%}[class*=_lg-10]>[class*=col-],[class*=_lg-11]>.col{width:9.09090909%}[class*=_lg-11]>[class*=col-],[class*=_lg-12]>.col{width:8.33333333%}}@media screen and (max-width:64em){[class*=_md-1]>.col,[class*=_md-1]>[class*=col-]{width:100%}[class*=_md-2]>.col,[class*=_md-2]>[class*=col-]{width:50%}[class*=_md-3]>.col,[class*=_md-3]>[class*=col-]{width:33.33333333%}[class*=_md-4]>.col,[class*=_md-4]>[class*=col-]{width:25%}[class*=_md-5]>.col,[class*=_md-5]>[class*=col-]{width:20%}[class*=_md-6]>.col,[class*=_md-6]>[class*=col-]{width:16.66666667%}[class*=_md-7]>.col,[class*=_md-7]>[class*=col-]{width:14.28571429%}[class*=_md-8]>.col,[class*=_md-8]>[class*=col-]{width:12.5%}[class*=_md-9]>.col,[class*=_md-9]>[class*=col-]{width:11.11111111%}[class*=_md-10]>.col,[class*=_md-10]>[class*=col-]{width:10%}[class*=_md-10]>[class*=col-],[class*=_md-11]>.col{width:9.09090909%}[class*=_md-11]>[class*=col-],[class*=_md-12]>.col{width:8.33333333%}}@media screen and (max-width:48em){[class*=_sm-1]>.col,[class*=_sm-1]>[class*=col-]{width:100%}[class*=_sm-2]>.col,[class*=_sm-2]>[class*=col-]{width:50%}[class*=_sm-3]>.col,[class*=_sm-3]>[class*=col-]{width:33.33333333%}[class*=_sm-4]>.col,[class*=_sm-4]>[class*=col-]{width:25%}[class*=_sm-5]>.col,[class*=_sm-5]>[class*=col-]{width:20%}[class*=_sm-6]>.col,[class*=_sm-6]>[class*=col-]{width:16.66666667%}[class*=_sm-7]>.col,[class*=_sm-7]>[class*=col-]{width:14.28571429%}[class*=_sm-8]>.col,[class*=_sm-8]>[class*=col-]{width:12.5%}[class*=_sm-9]>.col,[class*=_sm-9]>[class*=col-]{width:11.11111111%}[class*=_sm-10]>.col,[class*=_sm-10]>[class*=col-]{width:10%}[class*=_sm-10]>[class*=col-],[class*=_sm-11]>.col{width:9.09090909%}[class*=_sm-11]>[class*=col-],[class*=_sm-12]>.col{width:8.33333333%}}@media screen and (max-width:35.5em){[class*=_xs-1]>.col,[class*=_xs-1]>[class*=col-]{width:100%}[class*=_xs-2]>.col,[class*=_xs-2]>[class*=col-]{width:50%}[class*=_xs-3]>.col,[class*=_xs-3]>[class*=col-]{width:33.33333333%}[class*=_xs-4]>.col,[class*=_xs-4]>[class*=col-]{width:25%}[class*=_xs-5]>.col,[class*=_xs-5]>[class*=col-]{width:20%}[class*=_xs-6]>.col,[class*=_xs-6]>[class*=col-]{width:16.66666667%}[class*=_xs-7]>.col,[class*=_xs-7]>[class*=col-]{width:14.28571429%}[class*=_xs-8]>.col,[class*=_xs-8]>[class*=col-]{width:12.5%}[class*=_xs-9]>.col,[class*=_xs-9]>[class*=col-]{width:11.11111111%}[class*=_xs-10]>.col,[class*=_xs-10]>[class*=col-]{width:10%}[class*=_xs-10]>[class*=col-],[class*=_xs-11]>.col{width:9.09090909%}[class*=_xs-11]>[class*=col-],[class*=_xs-12]>.col{width:8.33333333%}}[class*=grid]>[class*=col-1]{width:8.33333333%}[class*=grid]>[class*=col-2]{width:16.66666667%}[class*=grid]>[class*=col-3]{width:25%}[class*=grid]>[class*=col-4]{width:33.33333333%}[class*=grid]>[class*=col-5]{width:41.66666667%}[class*=grid]>[class*=col-6]{width:50%}[class*=grid]>[class*=col-7]{width:58.33333333%}[class*=grid]>[class*=col-8]{width:66.66666667%}[class*=grid]>[class*=col-9]{width:75%}[class*=grid]>[class*=col-10]{width:83.33333333%}[class*=grid]>[class*=col-11]{width:91.66666667%}[class*=grid]>[class*=col-12]{width:100%}@media screen and (max-width:80em){[class*=grid]>[class*=_lg-1]{width:8.33333333%}[class*=grid]>[class*=_lg-2]{width:16.66666667%}[class*=grid]>[class*=_lg-3]{width:25%}[class*=grid]>[class*=_lg-4]{width:33.33333333%}[class*=grid]>[class*=_lg-5]{width:41.66666667%}[class*=grid]>[class*=_lg-6]{width:50%}[class*=grid]>[class*=_lg-7]{width:58.33333333%}[class*=grid]>[class*=_lg-8]{width:66.66666667%}[class*=grid]>[class*=_lg-9]{width:75%}[class*=grid]>[class*=_lg-10]{width:83.33333333%}[class*=grid]>[class*=_lg-11]{width:91.66666667%}[class*=grid]>[class*=_lg-12]{width:100%}}@media screen and (max-width:64em){[class*=grid]>[class*=_md-1]{width:8.33333333%}[class*=grid]>[class*=_md-2]{width:16.66666667%}[class*=grid]>[class*=_md-3]{width:25%}[class*=grid]>[class*=_md-4]{width:33.33333333%}[class*=grid]>[class*=_md-5]{width:41.66666667%}[class*=grid]>[class*=_md-6]{width:50%}[class*=grid]>[class*=_md-7]{width:58.33333333%}[class*=grid]>[class*=_md-8]{width:66.66666667%}[class*=grid]>[class*=_md-9]{width:75%}[class*=grid]>[class*=_md-10]{width:83.33333333%}[class*=grid]>[class*=_md-11]{width:91.66666667%}[class*=grid]>[class*=_md-12]{width:100%}}@media screen and (max-width:48em){[class*=grid]>[class*=_sm-1]{width:8.33333333%}[class*=grid]>[class*=_sm-2]{width:16.66666667%}[class*=grid]>[class*=_sm-3]{width:25%}[class*=grid]>[class*=_sm-4]{width:33.33333333%}[class*=grid]>[class*=_sm-5]{width:41.66666667%}[class*=grid]>[class*=_sm-6]{width:50%}[class*=grid]>[class*=_sm-7]{width:58.33333333%}[class*=grid]>[class*=_sm-8]{width:66.66666667%}[class*=grid]>[class*=_sm-9]{width:75%}[class*=grid]>[class*=_sm-10]{width:83.33333333%}[class*=grid]>[class*=_sm-11]{width:91.66666667%}[class*=grid]>[class*=_sm-12]{width:100%}}@media screen and (max-width:35.5em){[class*=grid]>[class*=_xs-1]{width:8.33333333%}[class*=grid]>[class*=_xs-2]{width:16.66666667%}[class*=grid]>[class*=_xs-3]{width:25%}[class*=grid]>[class*=_xs-4]{width:33.33333333%}[class*=grid]>[class*=_xs-5]{width:41.66666667%}[class*=grid]>[class*=_xs-6]{width:50%}[class*=grid]>[class*=_xs-7]{width:58.33333333%}[class*=grid]>[class*=_xs-8]{width:66.66666667%}[class*=grid]>[class*=_xs-9]{width:75%}[class*=grid]>[class*=_xs-10]{width:83.33333333%}[class*=grid]>[class*=_xs-11]{width:91.66666667%}[class*=grid]>[class*=_xs-12]{width:100%}}