#content-css::after {
    content: "index-content-medium.css";
}

.pi-4 {
    width: calc((100% - 10px) / 3);
}

.pi-5 {
    width: calc((100% - 10px) / 3);
}
/*
.pi-4:nth-child(4n) {
    border-right: 3px solid #EBFAE6;
}
.pi-4:nth-child(3n), .pi-4:last-child {
    border-right: 3px solid #fff;
}
.pi-5:nth-child(4n) {
    border-right: 3px solid #EBFAE6;
}
.pi-5:nth-child(5n) {
    border-right: 3px solid #EBFAE6;
}
.pi-5:nth-child(3n), .pi-5:last-child {
    border-right: 3px solid #fff;
}
*/
.pi-flex-4, .pi-flex-5 {
    max-width: calc((100% - 5px) / 2);
}


.pd-1 {
    width: 100%;
}

.pd-2 {
    width: 100%;
}

.pi-p img {
    width: 90%;
}


/* what are these? */
#i {
    height: 370px;
    width: 100%;
    text-align: center;
}

.it {
    display: inline-block;
    float: none;
    width: 100%;
    border: 1px solid #0ff;
}

.iti {
    display: inline-block;
}
/*
.b-d2{
    position: relative;
    border: 1px solid #000;
    width: 100%;
    padding:8px;
    margin:0;
    top: auto;
    right: auto;
}
    */
#spacer-bottom {
    height: 14px;
}

#b-c {
    position: fixed;
    width: calc(100vw - (100vw - 100%));
    display: block;
    bottom: 0px;
    background: #B5EFA5;
    z-index: 11;
    border-top: 1px solid #003100;
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.25);
}
#b-cx {
	display: none;
}
.b-c0 {
    padding: 10px 20px;
}
.b-c1 {
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid #000;
}
.b-c1r {
    float: right;
    text-align: right;
}

.b-c2 {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
}

#footer {
    border-bottom: 105px solid #fff;
}

#b-r {
    float: none;
    width: 100%;
}

#b-l
{
    width: 100%;
    min-height: 0;
}
/*
.c-pb1 {
    display: none;
}
*/
.b-c2 .button-payment-panel {
    display: inline-block;
    margin: 0 10px;
}

.b-c2 .button-payment-row {
    margin: 0;
}

#spacer {
    display: none;
}