#modal-ie11-container.modal {
    display: none;
}

#modal-ie11-container {
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-ie11 {
    width: 520px;
    padding: 24px;
    box-shadow: -1px 3px 12px rgba(0, 33, 63, 0.16), 2px 3px 12px rgba(0, 33, 63, 0.16);
    border-radius: 4px;
    background-color: white;
}

.modal-ie11__top-bar{
    display: flex;
    justify-content: space-between;
}

.modal-ie11__icon {
    transition: ease-in-out all .3s;
    cursor: pointer;
}

.modal-ie11__icon:hover {
    opacity: .7;
    transition: ease-in-out all .3s;
}

.modal-ie11__title {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.modal-ie11__body {
    line-height: 1.5rem;
}

.modal-ie11__browser-list {
    display: flex;
    flex-display: row;
}

@media (max-width: 992px) {
    #modal-ie11-container {
        padding: 0 1.5rem;
    }

    .modal-ie11 {
        width: 100%;
    }

    .modal-ie11__title {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .modal-ie11__body {
        font-size: .8rem;
        line-height: 1rem;
    }
}