.w3-modal{
    z-index:3;
    display:none;
    position:fixed;left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4)
}

.w3-modal-content{
    margin:auto;
    /* background-color:#000; */
    position:relative;
    padding:0;outline:0;
    width:100%;
    height:100%;
    text-align:center;
}

.w3-animate-opacity{
    animation:opac 0.8s
}


@keyframes opac{from{opacity:0} to{opacity:1}}

img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

/* @media (max-width:600px){
    .w3-modal-content{
        margin:0 10px;
        width:auto !important;
    }

    .w3-modal{
        padding-top:30px;
    }
}

@media (max-width:768px){
    .w3-modal-content{
        width:500px;
    }

    .w3-modal{
        padding-top:50px;
    }
}

@media (min-width:993px){
    .w3-modal-content{
        width:900px;
    }
} */