html,body,#app,.app {font-family:"GZA regular", sans-serif !important;background-color:#EAD5C0}

.dnone {display:none !important}
.smob {display:none !important}
.hmob {display:block !important}

.p0 {padding:0 !important}

.navigator__list--left {justify-content:end !important}
.navigator__list--right {justify-content:start !important}
.navigator__item {padding:0 20px}
.page-section--line {border:0;}

.line-separator span {width:0 !important;}

.app-title, .title-content-block__title {font-family:"GZA regular",serif !important}

.main-content {transition: all 1.5s ease !important;margin-bottom:15vh !important}
.main-content__load {margin-top:15vh}
.main-content__moved {margin-top:0}

.app__cover {top:-10%;width:120%;height:120vh}
.app__cover svg{fill:#fff !important}
.app__cover {transition: all 0s ease !important}
.app__cover__off {transform:translate(0%, -100.2%);}

.picture__image {transition: all 1s ease !important}
.picture__image__load {opacity:0}
.picture__image__loaded {opacity:1}

.picture__border-overlay {transition: all 1s ease !important}
.picture__border-overlay_ {border:150px solid #705B4A}
.picture__border-overlay_no-border {border:0px solid #705B4A !important}

#flat {width:400%;margin-left:-150%}
#flat li {position:relative;width:25%;cursor:pointer}
.flat_overlay {position: relative;overflow: hidden;width:100%;height:auto;
    -webkit-mask-image: url(../assets/img/mask.png);mask-image: url(../assets/img/mask.png);
    -webkit-mask-size: 100%;mask-size: 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat}
.flat_overlay>img { display: block; }
#flat img {width:100%}
.flat_bg {background:#000;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}
.flat_brd {background:transparent;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition: all 1s ease !important;
    border-radius:50vw 50vw 0 0}

.carousel__pagination[data-v-1b99f18a] {font-family:"GZA regular",serif !important}

.carousel__arrow {z-index:999}
.carousel__arrow svg[data-v-1b99f18a] {stroke:#705B4A}

.menu__cover_cnt {display:none}

.box-arc-left {transform:translate3d(0px, 0px, 0.1px);}
.box-arc-right {transform:translate3d(0px, 0px, 0.1px);}

.back-menu {text-align:center;margin:80px auto;transition:all 0.8s ease}
.back_menu:hover {opacity:.5 !important}

.menu-list-item[data-v-0856ba26] {flex-wrap:nowrap}

.mfp-bg {background:#fff !important;opacity:.99 !important}
button.mfp-close,button.mfp-arrow{height:70px!important}
.mfp-close {color:#705B4A !important;margin-top:-10px;position:fixed !important;top:70px !important;right:20px !important;font-size:30px !important;}
.mfp-arrow:before, .mfp-arrow:after {display:none !important}
.mfp-figure:after {box-shadow:none !important}

.picture-text .picture-text__link[data-v-1ac8fb7c]:after, .picture-text .picture-text__link[data-v-1ac8fb7c]:before {background-color:#705B4A}

.footer[data-v-0456a63e], .footer button[data-v-0456a63e], .footer select[data-v-0456a63e] {background:#705B4A;margin-top:100px;color:#fff !important}
.footer-item__title, .footer-section__item--credit, .footer .footer-section__item--social .footer-item__content a[data-v-0456a63e] {color:#fff !important}
.footer__vertical-line[data-v-0456a63e] {background-color:rgba(255,255,255,.3)}

.carousel__arrow--prev, .carousel__arrow--next {transition:all .4s ease}
.carousel__arrow--prev:hover {margin:0 10px 0 -10px}
.carousel__arrow--next:hover {margin:0 -10px 0 10px}

.navigator-item__link[data-v-111be912] {transition:all .5s ease}
.navigator-item__link[data-v-111be912]:hover {opacity:.5}

.picture-text__text__paragraph {font-size:16px !important;line-height:1.8em !important}
.picture-text__link {font-size:16px !important;font-family:"GZA regular",sans-serif !important}

.discover-menu.discover-menu--navigator .discover-menu__list[data-v-049b6fae] {min-height:calc(60vh - var(--grid-val)*2.8vw);padding-bottom: calc(var(--grid-val)*1.6vw);}
.discover-menu__list_offer {min-height:calc(30vh - var(--grid-val)*2.8vw) !important;margin-bottom:10vh !important}
.discover-menu__list__item_ {transition:all 0.8s ease !important}
.discover-menu__list__item_:hover {opacity:.5 !important}

.cat__arrow {opacity:0;transition:all 0.7s ease}
.discover-menu__list__item:hover .cat__arrow {opacity:1}

.footer .footer-item__title[data-v-0456a63e] {font-size:24px}

.prices-tag__label p[data-v-2b8925a7] {padding:10px 0 0 0;margin-bottom:10px}

.page-section__no-bottom {padding-bottom:0;margin-bottom:-50px}

.text-center {text-align:center !important}

.menu__cat {font-size:50px !important}
.menu__item {font-size:24px !important}

.page-section--line_prices_single {display:flex;justify-content:center}
.page-section--line_prices_single .prices-tag__price {margin-top:0 !important}

.page-section--line_prices {display:flex;justify-content:space-evenly}

.text-center {text-align:center !important}
.thank-you {display:inline-block;padding:40px;background:#8FB399}

.app-quote--small .app-quote__content[data-v-2d79b37f] {font-size:max(14px,1.3625vw)}
.title-content-block__title[data-v-2967d6b0] {font-size:max(14px,4.25vw)}

.picture[data-v-6b511077] {height:55vh}

.page-section--padding_menu {padding-left:calc(var(--grid-val)*6vw) !important;padding-right:calc(var(--grid-val)*6vw) !important}
.menu_degustazione__item {line-height:1.7em !important}

#_modal_popup_container {width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(71,21,34,.4);z-index:9;display:none}
#_modal_popup {min-width:600px;width:50%;height:auto;min-height:380px;position:fixed;bottom:30px;right:30px;background:#fff;z-index:10}
#_modal_popup_img {position:absolute;top:0;left:0;width:35%;height:100%}
#_modal_popup_txt {position:absolute;top:0;left:35%;width:65%;height:100%;padding:30px 40px}
#_modal_popup_img img {object-fit:cover;width:100%;height:100%}
#_modal_popup .app-title {font-size:40px;letter-spacing:0;}
.btn-cta-modal {font-size:15px !important;color:#fff !important}
#_modal_close {position:absolute;top:0px;right:20px;color:#705B4A;font-size:40px;cursor:pointer;z-index:12}

.modal-overlay {display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); z-index: 999; justify-content: center; align-items: center;}
.modal-content {background: #fff; max-width: 900px; width: 90%; padding: 20px; position: relative; border-radius:0; box-shadow: 0 0 20px rgba(0,0,0,0.2);padding:20px 0;min-height:400px}
.modal-close {position: absolute; top: 10px; right: 15px; font-size: 30px; background: none; border: none; cursor: pointer}

/*Idume Reservation*/
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);z-index:9999}
#preloader.hidden{opacity:0;pointer-events:none;transition:opacity .25s ease}
.idume-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-top-color:#3f4f4c;border-radius:50%;animation:idumeSpin .8s linear infinite}
@keyframes idumeSpin{to{transform:rotate(360deg)}}

.steps {display: none}
.table-select.selected {background: #705B4A;color: #fff !important}
#idume_slots .table-select,#idume_services .table-select {cursor: pointer}
.backbtncnt {margin-bottom: 30px}

#idume_calendar{max-width:90%;margin:0 auto;}
.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.cal-title{font-weight:600;text-transform:capitalize;}
.cal-nav{background:none;border:none;font-size:18px;cursor:pointer;}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.calendar-cell{padding:30px 0;text-align:center;}
.calendar-cell.day{cursor:pointer;border:1px solid #705b4a;}
.calendar-cell.day:hover{background:#f5f5f5;}
.calendar-cell.day.selected{background:#705B4A;color:#fff !important}
.calendar-cell.day.disabled{background:#eee;color:#aaa !important;cursor:not-allowed;border-color:#eee}
.weekday{font-weight:bold;font-size:12px;color:#777;}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:70%;margin:0 auto;}
.services-grid .table-select{display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;}
.service-title{font-size:20px;display:block}
.service-meta{font-size:15px;color:#777;margin-top:5px;display:block}
.selected .service-meta, .selected .service-title, .selected span {color:#fff !important}
.table-select div{width:100%}

.bands-list{display:flex;flex-direction:column;gap:15px;align-items:center}
.bands-list .table-select{width:100%;max-width:300px}

#step7 {max-width:700px;width:90%;margin:0 auto}
.booking-summary{border:1px solid rgba(112,91,74,.25);padding:30px;background:transparent;text-align:left;margin:0 auto 15px auto;border-radius:20px;backdrop-filter:blur(2px)}
.booking-summary .row{display:flex;align-items:flex-start;margin-bottom:8px;}
.booking-summary .label{width:120px;color:#777;font-size:14px}
.booking-summary .value{flex:1;font-weight:500;text-align:left}

.back_link {margin-top:10vh !important}
h1 {font-size:max(14px,3.8125vw) !important}
h2 {font-size:max(14px,3.3125vw) !important}
html, body, body * {color:#705B4A !important}
svg, g, path {color:#fff !important}
#idume-logo {width:60%;max-width:200px;margin:0 auto 80px auto}
.app-cta svg {margin:0 10px}
.btn-send {padding:20px 30px !important;font-size:16px !important;transition:all .6s;
    margin:60px 10px !important;display:inline-block;border-radius:40px}
.btn-send svg {margin-left:15px}
.btn-send:hover {opacity:.7}
.app-desc {width:100%;max-width:700px;margin:0 auto}

#booking_code_step1 {background:transparent !important;padding:10px;text-align:center}
.toast-message {color:#fff !important}

#externalBlockedMessage{display:none;max-width:100%;width:560px;margin:30px auto 0 auto;color:#705B4A;font-size:18px;line-height:1.7;text-align:center;
    padding:24px 28px;border:1px solid rgba(112,91,74,.2);border-radius:20px;background:rgba(255,255,255,.35);backdrop-filter:blur(2px)}

@media(min-width:992px){

    .row_reverse_dsk{flex-direction:row-reverse}
    .row_reverse_dsk .picture-text__text{padding-left:6%}
    .row_reverse_dsk .picture-text__item--picture{padding-right:6%}
    .discover-menu.discover-menu--navigator .list-item__link-container[data-v-049b6fae] p {font-size:max(14px,4.3125vw) !important}

}

@media(max-width:576px){
    .services-grid{grid-template-columns:1fr}
    .services-grid .table-select{width:100% !important;max-width:100% !important}
}

@media screen and (max-width:1120px) {

    .box-arc-left {transform:translate3d(-50%, 50%, 0.1px)}
    .box-arc-right {transform:translate3d(50%, 50%, 0.1px)}
    
}

@media screen and (max-width:1024px) {

    .header__navigator[data-v-ee69c8dc] {border:0 !important}

    .box-arc-left {transform:translate3d(-50%, 40%, 0.1px);}
    .box-arc-right {transform:translate3d(50%, 40%, 0.1px);}

    .menu__cover_cnt {position:fixed;top:0;left:0;width:100%;height:100vh;display:block;z-index:-1}
    .menu__cover {display:flex;justify-content: center;align-items: center;min-height: 100vh}  
    .menu__cover > .transition {position:fixed;left: 0; top: 0;width: 100%; height: 100%;fill:#705B4A}

    .menu__mobile {position:fixed;top:0;left:0;width:100%;z-index:9999;display:none}
    .menu__mobile__close {color:#fff;font-size:50px;position:absolute;top:0;right:20px;z-index:9999}

    .dicover-menu__mobile {color:#fff !important}
    .dicover-menu__mobile .title-content-block__eyelet[data-v-2967d6b0] {color:#fff !important}
    .dicover-menu__mobile .list-item[data-v-049b6fae], .dicover-menu__mobile .discover-menu__title[data-v-049b6fae] {border-bottom:1px solid rgba(255,255,255,.2) !important}
    .dicover-menu__mobile  .list-item__arrow[data-v-049b6fae] {stroke:#fff !important}

    .menu-list-item__price[data-v-0856ba26] {display:block;margin-top:-10px}

    .page-section--line_prices {display:block;text-align:center}
    .prices-tag__prices {display:block !important;width:50% !important;margin:70px auto 100px auto}


    .title-content-block__title[data-v-2967d6b0] {font-size:max(14px,7.25vw)}

    
}

@media screen and (max-width:800px) {
    
    .box-arc-left, .box-arc-right {display:none}

    .accordion__content li {padding:20px 0 10px 0}
    .lang-accordion__active {max-height:180px !important}
    .accordion__arrow-active {transform:rotate(0deg) !important}

}

@media screen and (max-width:768px) {
    
    .smob {display:block !important}
    .hmob {display:none !important}
    .tmob {text-align:left !important}

    .header__navigator[data-v-ee69c8dc] {border:0 !important}

    .menu__cover_cnt {position:fixed;top:0;left:0;width:100%;height:100vh;display:block}
    .menu__cover {display:flex;justify-content: center;align-items: center;min-height: 100vh}  
    .menu__cover > .transition {position:fixed;left: 0; top: 0;width: 100%; height: 100%;fill:#705B4A}

    .menu__mobile {position:fixed;top:0;left:0;width:100%;z-index:9999;display:none}
    .menu__mobile__close {color:#fff;font-size:50px;position:absolute;top:0;right:20px;z-index:9999}

    .dicover-menu__mobile {color:#fff !important}
    .dicover-menu__mobile .title-content-block__eyelet[data-v-2967d6b0] {color:#fff !important}
    .dicover-menu__mobile .list-item[data-v-049b6fae], .dicover-menu__mobile .discover-menu__title[data-v-049b6fae] {border-bottom:1px solid rgba(255,255,255,.2) !important}
    .dicover-menu__mobile  .list-item__arrow[data-v-049b6fae] {stroke:#fff !important}

    .box-arc-left, .box-arc-right {display:none}

    .footer .footer-section__accordion[data-v-0456a63e], .footer .footer-section__item--social[data-v-0456a63e] {border-top:1px solid rgba(255,255,255,.3)}
    .footer-section__item--places[data-v-0456a63e] {border-top:0 !important}

    .carousel__arrow[data-v-1b99f18a] {margin-top:calc(var(--grid-val)*2vw)}

    .page-section--line_prices {display:block;text-align:center}
    .prices-tag__prices {display:block !important;width:90% !important;margin:40px auto 100px auto}

    .app-quote--small .app-quote__content[data-v-2d79b37f] {font-family:"GZA regular", sans-serif !important;font-size:16px}
    .picture-text.picture-text--right .picture-text__item--text[data-v-1ac8fb7c] {order:1}
    .picture-text.picture-text--right .picture-text__item--home[data-v-1ac8fb7c] {order:3}
    .picture-text.picture-text--right .picture-text__item--location[data-v-1ac8fb7c] {order:3}
    .picture-text--decorated .picture-text__item--single .picture-text__picture--square[data-v-1ac8fb7c] {width:100%}

    .mfp-close {top:50px !important}

    .hero__picture-container[data-v-b5c2149c] {margin-top:calc(var(--grid-val)*18.5vw)}
    .cta-home .btn-send {margin:0 0 20px 0 !important}
    h2 {font-size:max(14px,6.3125vw) !important}
    .smob {font-size:70% !important}
    .discover-menu.discover-menu--navigator .discover-menu__list[data-v-049b6fae] {min-height:calc(30vh - var(--grid-val)*2.8vw) !important}

}

@media screen and (min-width:1024px) and (max-width:1300px) {
    
    .hero__item--text[data-v-b5c2149c] {max-width:calc(var(--grid-val)*5.25vw)}

}

@media screen and (min-width:1300px) and (max-height:800px) {
    
    .box-arc-left {transform:translate3d(-30%, 80%, 0.1px)}
    .box-arc-right {transform:translate3d(30%, 80%, 0.1px)}

}

@media screen and (min-width:1600px) and (max-height:1200px) {
    
    .box-arc-left {transform:translate3d(50%, 120%, 0.1px)}
    .box-arc-right {transform:translate3d(-50%, 120%, 0.1px)}

}

@media screen and (max-height:650px) {
    
    .box-arc-left, .box-arc-right {display:none}

}

@media screen and (max-width:600px) {
    
    #_modal_popup {min-width:300px;width:90%;height:auto;min-height:80vh;position:fixed;bottom:5%;right:5%;background:#fff;z-index:10}
    #_modal_popup_img {position:absolute;top:0;left:0;width:100%;height:30vh}
    #_modal_popup_txt {position:absolute;top:35%;left:0;width:100%;height:60vh;padding:30px 40px}
    #_modal_popup_txt .picture-text__text__paragraph{font-size:14px !important}
    #_modal_popup_img img {object-fit:cover;width:100%;height:100%;object-position:center bottom;}
    #_modal_popup .app-title {font-size:40px;letter-spacing:0}

    .btn-send {min-width:70%}
    .calendar-cell {padding:15px 0}

}

/*Table Booking*/
#table_booking_system {min-height:800px;text-align:center}
.table-select {display:inline-block;padding:20px;margin:3px;font-size:20px;border:1px solid #705B4A;width:120px;cursor:pointer;transition:all .6s;}
.table-select:hover, .divsel {opacity:.8}
.steps {display:none;margin-bottom:30px}
#backbtn {text-transform:uppercase;margin:50px auto}
.tbl_flex {margin:0 auto;display:flex;flex-flow:row wrap;justify-content:center;max-width:500px}
.back-btn {margin-bottom:30px}
.backbtncnt {height:70px}
#form_fields {margin:30px auto;width:40%}

.calendar {width:30%;margin:0 auto}
.calendar caption {padding:10px}
.calendar td {padding:5px;border:1px solid #eee;cursor:pointer;transition: all .5s ease}
.calendar td:not(.deact):not(.calendar-empty):not(.dayname):not(.locked):hover, .tdsel {background:#705B4A;color:#fff}
.calendar th {padding:0 5px 10px 5px;font-size:20px}
.calendar td, .calendar th {text-align:center !important}
.calendar-empty {border:0 !important}
.deact {color:#ccc}
.locked {color:#ccc;border:1px solid #ed193a !important}
.change_month {cursor:pointer;transition: all .5s ease}
.change_month:hover {opacity:.6}

.table_recap {width:30%;margin:0 auto}
.table_recap td {border-bottom:1px solid #ccc;padding:10px;text-align:left}

.disclaimer {width:30%;margin:60px auto 40px auto;font-size:14px}
.disclaimer a {border-bottom:1px solid #705B4A;transition:all .7 ease}
.disclaimer a:hover {opacity:.7}

.form-field {line-height:2em;font-size:20px;border:1px solid rgba(112,91,74,.35);width:100%;margin-bottom:20px;font-family:"GZA regular",sans-serif !important;background:transparent !important;padding:14px 18px;border-radius:18px;transition:all .4s ease;color:#705B4A !important}
.form-field:focus {outline:none !important;border-color:#705B4A;box-shadow:0 0 0 3px rgba(112,91,74,.08)}
.form-field::placeholder {color:#705B4A !important;opacity:.7}
textarea.form-field {min-height:140px;resize:vertical}
select.form-field {border-radius:0;appearance: none;background-color: transparent;}
.stxt {font-size:14px;text-align:left}
.c-form__field-acceptance .row {margin:20px 0}
.c-form__field-acceptance input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:24px;height:24px;border:1px solid rgba(112,91,74,.5);border-radius:8px;background:transparent;cursor:pointer;position:relative;transition:all .3s ease;margin-top:2px}
.c-form__field-acceptance input[type="checkbox"]:checked{background:#705B4A;border-color:#705B4A}
.c-form__field-acceptance input[type="checkbox"]:checked:after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.btn-send {margin:30px auto;background:#705B4A;padding:10px 20px;color:#fff !important;display:inline-block;
    font-size:20px;font-family:"GZA regular",sans-serif !important;letter-spacing:0;margin:10px}

.idume-swal-popup {background:#fff !important;border-radius:28px !important;padding:20px 20px 30px 20px;box-shadow:0 20px 60px rgba(0,0,0,.15) !important}
.swal2-html-container {color:#705B4A !important;font-family:"GZA regular",sans-serif !important;font-size:20px !important;line-height:1.7 !important;padding:10px 20px !important}
.swal2-actions {margin-top:10px !important}
.idume-swal-confirm {border-radius:18px !important;background:#705B4A !important;color:#fff !important;border:1px solid #705B4A !important;padding:14px 28px !important;font-family:"GZA regular",sans-serif !important;transition:all .3s ease !important;margin:0 10px}
.idume-swal-confirm:hover {opacity:.85 !important;transform:translateY(-1px)}
.idume-swal-cancel {border-radius:18px !important;background:#fff !important;color:#705B4A !important;border:1px solid #705B4A !important;padding:14px 28px !important;font-family:"GZA regular",sans-serif !important;transition:all .3s ease !important}
.idume-swal-cancel:hover {background:#f7f2ed !important;transform:translateY(-1px)}

.menu-list-category__label[data-v-06f6f0a3] {margin-bottom: calc(var(--grid-val)*1vw) !important;font-size:max(14px,4.25vw)}

@media only screen and (max-width:600px) {

    .table-select {max-width:31.5%}
    .calendar, .table_recap {width:90%;margin:0 auto}
    .tbl_flex {width:100%;justify-content:flex-start;padding:0 5%}
    #form_fields {width:85%}
    .disclaimer {width:90%}
    .page-section--booking-padding {padding-left:0 !important;padding-right:0 !important}

    .title[data-v-d3834fd4] {font-size:max(14px, 10.2vw) !important}

    .menu-list-category__label[data-v-06f6f0a3] {font-size:max(14px,8.25vw)}
    .menu__cat {font-size:25px !important}
    .prices-tag__price {transform:scale(85%)}

}

.air-datepicker{background:#705B4A!important;border:0!important;border-radius:0!important;color:#fff!important;font-size:16px !important}
.air-datepicker--pointer{display:none!important}
.air-datepicker-nav{border:0!important}
.air-datepicker-cell.-focus-,.air-datepicker-nav--action:hover,.air-datepicker-cell.-selected-{background:#fff!important;color:#705B4A!important;border-radius:0 !important}
.air-datepicker-body--day-name, .-current-{color:#fff!important}
.air-datepicker-cell.-current-.-focus-{color:rgba(47,15,22,.4)!important}
.air-datepicker-cell.-disabled-{color:#555!important}
.air-datepicker-nav--title:hover{background:none!important}

/*Bootstrap Grid*/
._press {margin:120px auto 60px auto}
._press img:hover {opacity: .6}
.press_img {text-align:center}
._press img {width: 60% !important;margin: 0 auto;transition: all .6s ease-in-out;opacity: 1;cursor: pointer}
._press h2 {font-size:50px !important}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1140px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

[class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}

.col-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 768px) {
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
}