.exit-popup--overlay
{
    position: fixed;
    z-index: 9999;

    background-color: #000;

    opacity:0.5;

    width: 100%;
    height: 100vh;
    top:0;
    display: none;

}

    .exit-popup--overlay.open
    {
        display: block;
    }

.exit-popup
{
    font-size: 10px;
    position: absolute;
    left:0; right:0;

    margin: 0 auto;

    width:70em;

    border:5px solid #cccccc;
    background-color:#fffdff;

    color:#2f2f2f;


    z-index:10000;

    top:-200%;

    transition: top 0.5s linear;
}

    .exit-popup form 
    {
        width: 100%;
    }


    .exit-popup.open 
    {
        top:14%;

    }


    .exit-popup .exit-popup__close
    {
        background-color: #000;
        border-radius: 500px;

        width:4em;

        position: absolute;

        right:-2em;
        top:-2em;

        cursor: pointer;
    }

        .exit-popup .exit-popup__close img
        {
            transform:scale(1.1);
            border-radius: 500px;

            width:100%;
        }

    .exit-popup__inner
    {
        display: flex;
        justify-content: space-between;

        margin: 1em;

    }

        .exit-popup__inner .exit-popup__col:nth-child(2)
        {
            padding-left: 2.5em; 
            padding-right: 2.5em; 
            text-align: center;
        }



    .exit-popup h2
    {
        font-size: 3.6em;
        padding-bottom: 0.7em;
        line-height: 1.3;
        text-align: left;
        margin:0;
    }

   /* .exit-popup__inner p
    {

        
        text-align: center; 
        color: firebrick; 
        font-size: 37pt; 
        line-height: 1; 
        font-family: georgia, helvetica, arial; 
        font-weight: normal; 
        padding-left:0px;
        width: 100%;
        display:block;
    } */
    
     .exit-popup__inner .exit-popup__col
     {
         width: 100%;
     }




    .exit-popup__inner--form
    {
        background-color:#dddddd;

        display: flex;
        justify-content: space-between;

        padding: 4em 3em;        
    }

        .exit-popup__inner--form .text.form-control
        {
            font-size: 1.6em;
            padding:0.7em;
            border: 1px solid grey;
            max-width: 300px;
            border-radius:0;
        }

        .exit-popup__inner--form .submit-btn
        {
            font-size: 1.6em;
            padding:0.69em 1em;
            margin-left:1em;

            max-width:200px;
            background:none;
            background-color: #659a17;

            border:1px solid #659a17;
            color:#fff;

            font-family: Arial;
            border-radius:0;
        }        



@media only screen and (max-width:800px)
{
    .exit-popup
    {
        font-size: 8px;
    }


    .exit-popup__inner--form .text.form-control
    {
        max-width:80%;
        min-width:250px;
    }

    .exit-popup__inner--form .submit-btn
    {
        max-width:80%;
        min-width:250px;
        margin-left: 0;
    }    
    
    
   .exit-popup__inner p
    {

        
        text-align: center; 
        color: firebrick; 
        font-size: 16pt;
        line-height: 31pt;
        font-family: georgia, helvetica, arial; 
        font-weight: regular; 
        padding-left:0px;
        width: 100%;
        display:block;
    }    
}      


@media only screen and (max-width:620px)
{
    .exit-popup
    {
        width:80%;
        min-width: 300px;
    }

    .exit-popup.open 
    {
        top:30px;
        margin-bottom:20px;
    }

    .exit-popup__inner
    {
        flex-wrap: wrap;
    }

    .exit-popup__col
    {
        min-width: 280px;
    }
}  

@media only screen and (max-height:620px)
{
    .exit-popup.open 
    {
        top:30px;
        margin-bottom:20px;
    }
}