.offcanvas {
    background-color: #f8f6f2;
}
.offcanvas-body {
	opacity: 1;
	transition: opacity 0.25s ease-in-out;
   -moz-transition: opacity 0.25s ease-in-out;
   -webkit-transition: opacity 0.25s ease-in-out;
}
.offcanvas.offcanvas-end { width: 100%; }
@media only screen and (min-width: 576px) {
    .offcanvas.offcanvas-end { width: 90%; }
}
@media only screen and (min-width: 768px) {
    .offcanvas.offcanvas-end { width: 80%; }
}
@media only screen and (min-width: 992px) {
    .offcanvas.offcanvas-end { width: 70%; }
}
@media only screen and (min-width: 1200px) {
    .offcanvas.offcanvas-end { width: 60%; }
}
@media only screen and (min-width: 1400px) {
    .offcanvas.offcanvas-end { width: 700px; }
}

ul.radio-list li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}