.cd-panel{    z-index: 2;position:fixed;top:0;left:0;height:100%;width:100%;visibility:hidden;-webkit-transition:visibility 0s .6s;transition:visibility 0s .6s}.cd-panel::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;cursor:pointer;-webkit-transition:background .3s .3s;transition:background .3s .3s}
.cd-panel.cd-panel--is-visible{visibility:visible;-webkit-transition:visibility 0s 0s;transition:visibility 0s 0s}
.cd-panel.cd-panel--is-visible::after{background:rgba(0,0,0,.6);-webkit-transition:background .3s 0s;transition:background .3s 0s}
.cd-panel h1 {color:white; text-align:left;margin-bottom:2rem;font-size:24px;}
.cd-panel h1:after {
    width: 4rem;
    background-color: #d18816;
    position: relative;
    display: block;
    content: "";
    height: 2px;
    margin-top: 0.4rem;
}
@media only screen and (min-width:768px){.cd-panel__header{width:70%}}
@media only screen and (min-width:1170px){.cd-panel__header{width:50%}}.cd-panel__close{position:absolute;top:0;right:0;height: 45px;width:60px;display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}.cd-panel__close::before,.cd-panel__close::after{content:'';position:absolute;top:22px;left:20px;height:3px;width:20px;background-color:#424f5c;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-panel__close::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cd-panel__close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.cd-panel__close:hover{background-color:#424f5c}.cd-panel__close:hover::before,.cd-panel__close:hover::after{background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cd-panel__close:hover::before{-webkit-transform:rotate(220deg);transform:rotate(220deg)}.cd-panel__close:hover::after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.cd-panel--is-visible .cd-panel__close::before{-webkit-animation:cd-close-1 .6s .3s;animation:cd-close-1 .6s .3s}.cd-panel--is-visible .cd-panel__close::after{-webkit-animation:cd-close-2 .6s .3s;animation:cd-close-2 .6s .3s}

@-webkit-keyframes cd-close-1{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}
@keyframes cd-close-1{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}
@-webkit-keyframes cd-close-2{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}
@keyframes cd-close-2{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}


.cd-panel__container{position:fixed;width:90%;height:100%;top:0;background:#252839;color:white;
    color: white;
    padding: 2rem;
    font-size: 16px;
    line-height: 28px;
    text-align:left;
    z-index:1;-webkit-transition:-webkit-transform .3s .3s;transition:-webkit-transform .3s .3s;transition:transform .3s .3s;transition:transform .3s .3s,-webkit-transform .3s .3s}

.cd-panel--from-right .cd-panel__container{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}

.cd-panel--from-left .cd-panel__container{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}

.cd-panel--is-visible .cd-panel__container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;transition-delay:0s}
@media only screen and (min-width:768px){.cd-panel__container{width:70%}}
@media only screen and (min-width:1170px){.cd-panel__container{width:50%}}
.cd-panel__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem 5%;overflow:auto;-webkit-overflow-scrolling:touch}

@media only screen and (min-width:768px){.cd-panel__content p{line-height:1.6}}