#modal-1 .btn-primary {
    background: var(--color1);
    border-color: var(--color1);
}


#modal-1 .modal-backdrop.fade {
    display: none;
}

#modal-1 .modal-backdrop.show {
    display: block;
}

#modal-1 .fade:not(.show) {
    display: none !important;
}

#modal-1 .show {
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 100px) and (max-width: 390px) {
    #modal-1 .show {
        max-width: 390px;
    }
  
}

@media only screen and (min-width: 390px) and (max-width: 576px) {
    #modal-1 .show {
        max-width: 576px;
    }
  
}

@media only screen and (min-width: 576px) and (max-width: 767) {
    #modal-1 .show {
        max-width: 767px;
    }
}