.temp_data{
    display: none !important;
    position:fixed;
    left:50%;
    top:35vh;
    z-index:9999;
    transform:translateX(-50%);
    width: 480px;
    height: 480px;
    border-radius:100%;
    background-color:rgba(41, 53, 58, 0.9);
    padding: 0 30px;
}

.temp_data .tb{
    display:table;
    width:100%;
    height:100%;
}

.temp_data .tbc{
    display:table-cell;
    vertical-align:middle;
}

.temp_data a.close{
    display: block;
    width: 35px;height: 35px;
    position: absolute;
    left: 50%;top: 25px;
    transform: translateX(-50%);
}

.temp_data p{
    color:white;
    font-size: 25px;
    line-height: 30px;
}

.temp_data p:last-child{
    margin-bottom: 0;
}

.temp_data p a{
    display: block;
    color: white;
}

@media screen and (max-width: 740px){

    .temp_data{
        width: 420px;
        height: 420px;
        padding: 0 20px;
        top: 50%;
        transform:translateX(-50%) translateY(-50%);
    }

    .temp_data p{
        font-size: 18px;
        line-height: 25px;
    }

}

@media screen and (max-width: 520px){

    .temp_data{
        width: 350px;
        height: 350px;
    }

    .temp_data p{
        font-size: 15px;
    }

}