.dak__popin--close {
    background: none;
    border: none;
    text-decoration: none;
    position: absolute;
    height: 2rem;
    width: 2rem;
    top: 1rem;
    right: 1rem;
    z-index: 10;
    cursor: pointer;
}

.dak__popin--close img {
    width: 100%;
}

.dak__popin {
    transform: translateY(100%);
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90;
    overflow: hidden;
    transition: all 0.33s ease-in-out;
    box-shadow: 0 0 12px #222;
}
.no-scroll-menuopen .dak__popin {
  display: none;
}

.dak__popin.is-open {
    transform: translateY(0);
 }

.dak__popin .dak-button {
    margin-top: 0;
}

@media screen and (max-width:767px) {
    .dak__popin {
        padding-top:2.5rem
    }
    .dak__popin .dak-fluid-md {
        padding-bottom:0
    }
    .dak__popin {
        padding-top:0
    }
    .dak__popin .dak-contain-lg {
        padding-top:2.5rem
    }
}
@media screen and (min-width:768px) {
    .dak__popin {
        text-align:right
    }
    .dak__popin .dak-button {
        margin-right:0
    }
}
@media screen and (min-width:767px) and (max-width:810px) {
    .dak__popin--close {
        height:1.25rem;
        width:1.25rem;
        top:.75rem;
        right:.75rem
    }
}
@media screen and (min-width:1380px) {
    .dak__popin--close {
        top:2.25rem;
        right:auto;
        left:calc(50% + 640px)
    }
}