/*  #######################################################################################################*/
/*  -------------------------  Privacy & General Terms						---------------------------*/
/*  #######################################################################################################*/

#privacy_backplate
{
    position:fixed;
    width:100%;height:100%;left:0;top:0;
    background-color:white;
    overflow-y:auto;
    font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    overflow-x:auto;
    color:rgb(30,30,30);
}

.privacy-top-title
{
    position:absolute;
    left:40px;top:15px;
    font-size:40px;
    font-weight:bold;
    color:inherit
}
.close-privacy{
    position:absolute;
    left:calc(100% - 200px);width:160px;top:20px;height:40px;
    background-color:rgb(0,130,199);
    border:none;
    color:white;
    font-size:25px;
    cursor:pointer;
    border-radius:5px;
}
.close-privacy:hover {
    background-color: #006386;
}
.main-area{
    position:absolute;
    left:40px;width:calc(100% - 80px);top:80px;height:calc(100% - 120px);
    min-width:500px;
    background-color:rgb(220,220,220);
    color:rgb(30,30,30);
    border:none;
    overflow-y:auto;
        border-radius:20px;
}
.privacy-scollable
{
    position:absolute;
    left:20px;width:calc(100% - 40px);top:20px;height:calc(100% - 40px);
    overflow-y:auto
}

.the-policy
{
    position:relative;
    font-size:25px;
    font-weight:lighter;
    text-align:justify;
    color:inherit
}
.policy-title
{
    font-size:30px;
    font-weight:bold;
    color:rgb(51,60,119);
}

@media (max-width:900px) 
{
    .privacy-top-title
    {
        font-size:35px;
    }
}
@media (max-width:800px) 
{
    .privacy-top-title
    {
        font-size:30px;
    }
}
@media (max-width:730px) 
{
    .privacy-top-title
    {
        top:25px;
        font-size:25px;
    }
}
@media (max-width:650px) 
{
    .privacy-top-title
    {
        top:25px;
        font-size:20px;
    }
}
@media (max-width:600px) 
{
    .privacy-top-title
    {
        display:none;
    }
}