.overlay {
    /*background: rgba(0,0,0,.3);*/
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    visibility: hidden;
}

.bordesplataforma {
    height: 80% !important;
    background-color: #dcdcd4;
    border-radius: 60px 60px 60px 60px;
    -moz-border-radius: 60px 60px 60px 60px;
    -webkit-border-radius: 60px 60px 60px 60px;
}
.overlay.active {
	visibility: visible;
}


#plataformas {
    border-radius: 60px 60px 60px 60px;
    -moz-border-radius: 60px 60px 60px 60px;
    -webkit-border-radius: 60px 60px 60px 60px;
    background: linear-gradient(90deg, #2C53A0, #7FAB58);
    padding: 1px;
    /*position: relative;*/
}

.popup {
    border-radius: 57px 57px 57px 57px;
    -moz-border-radius: 57px 57px 57px 57px;
    -webkit-border-radius: 57px 57px 57px 57px;
    background: linear-gradient(90deg, #2C53A0, #7FAB58);
    background: #fff;
    width: 558px;
    height: auto;
    max-height: 600px;
    /*position: relative;*/
}


    @media screen and (min-width: 320px) and (max-width: 800px) {
        .popup {
            border-radius: 57px 57px 57px 57px;
            -moz-border-radius: 57px 57px 57px 57px;
            -webkit-border-radius: 57px 57px 57px 57px;
            background: linear-gradient(90deg, #2C53A0, #7FAB58);
            background: #fff;
            width: 360px;
            height: auto;
            max-height: 450px;
        }

    }

@media screen and (min-width: 800px) and (max-width: 1100px) {
    .popup {
        border-radius: 57px 57px 57px 57px;
        -moz-border-radius: 57px 57px 57px 57px;
        -webkit-border-radius: 57px 57px 57px 57px;
        background: linear-gradient(90deg, #2C53A0, #7FAB58);
        background: #fff;
        width: 370px;
        height: auto;
        max-height: 400px;
    }
}