.usa-modal--lg{
    width: 700px;
}
.usa-modal__main{
    margin-left: 0px;

}
#modal-3-description h1{
    font-size: 25px;
}


@media (max-width: 1023px){
    .usa-modal--lg{
        width: 300px;
    }
}

@media (min-width: 768px){
    .usa-modal--lg{
        width: 700px;
    }
}

@media (max-width: 320px){
    .usa-modal--lg{
        width: 200px;
    }
} 

.usa-modal--lg {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

#changeBtnToX{
    font-size: 30px;
    float: right;
    align-items: center;
    align-self: flex-end;
    background-color: transparent;
    color: #757575;
    display: flex;
    flex-shrink: 0;
    margin: -2rem 0 0 auto;
    padding: 0.25rem 0.25rem;
    width: auto;
}
#changeBtnToX:hover{
    color: #1b1b1b;
}