@media (max-width: 1600px) {
    .overlay-container{
        margin-left: 30%;
        margin-right: 30%;
    }
}
@media (max-width: 1200px) {
    .overlay-container{
        margin-left: 25%;
        margin-right: 25%;
    }
}

@media (max-width: 900px) {
    .overlay-container{
        margin-left: 5%;
        margin-right: 5%;
    }

    .overlay-close{
        position: unset;
        width: 100%;
        margin-top: 30px;
    }

    .overlay-container{
        min-height: unset;
    }

    .overlay-container{
        padding: 40px;
    }
}

@media (max-width: 400px){
    .overlay-container{
        margin-left: 5px;
        margin-right: 5px;
    }
}