@media (max-width: 991px) {
    .container {
        max-width: 90%;
    }
    a.navbar-brand {
        font-size: 1.75em!important;
    }
    .navbar .container {
        max-width: 100%;
    }
    .navbar-toggler-icon {
        font-size: 1.75em!important;
    }
    .navbar-collapse .nav-item a {
        font-size: 2em!important;
    }
}
.copyable{position:relative}
.copyable .copyable-trigger{color:#333;background-color:rgba(255,255,255,.8);border:1px #888 solid;border-radius:4px;position:absolute;padding:3px 6px;top:0;right:0;z-index:102;text-decoration:none;font-family:monospace;font-size:11px;cursor:pointer;display:none}
.copyable:hover .copyable-trigger{display:inline-block}

@keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}
.spin::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #cfd0d1;
    border-bottom-color: #07689F;
    border-radius: 50%;
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}
button .spin {
    position: relative;
}
button .spin::before {
    height: 20px;
    width: 20px;
    left: -20px;
    bottom: -10px;
}

.MyCardElement {
    border: 1px solid #ced4da;
    padding: 10px 6px;
    background: #fff;
    border-radius: 0.3rem;
}