.popin-cross .modaal-container{
    max-width: 600px;
    border-radius: 10px;
}

.popin-cross .modaal-content-container{
    padding: 0;
}

@media screen and (min-width: 600px) {

    #popin {
        text-align: center;
        position: relative;
        padding: 30px;
    }
}

@media screen and (max-width: 599px){
    #popin {
        padding: 20px;
        position: relative;
        text-align: center;
    }
}

.corner{
    width: 20%;
    position: absolute;
    top:0;
    right:0;
}


@media screen and (min-width: 600px) {
    .corner{
        width: 14%;
        position: absolute;
        top:0;
        right:0;
    }
}

@media screen and (max-width: 599px) {
    .corner{
        width: 14%;
        position: absolute;
        top:0;
        right:0;
    }
}




@media screen and (min-width: 700px) {
    .text-popin{
        font-size: 18px;
        line-height:1.3rem ;
        padding-bottom: 15px;
        width: 400px;

    }
}

@media screen and (max-width: 699px){
    .text-popin{
        font-size: 18px;
        line-height:1.3rem ;
        padding-bottom: 15px;
        width: 250px;
    }
}

.popin-title{

    background-color: #0057ad;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;

    margin: auto;
    text-align: center;

}

@media screen and (min-width: 700px) {
    .popin-title {
        padding: 10px 5px;
        font-size: 24px;
        width: 290px;
    }
}

@media screen and (max-width: 699px){
    .popin-title {
        padding: 10px 5px;
        font-size: 20px;
        width: 250px;
    }
}


.text-popin{
    text-align: justify;
    margin: auto;

}

@media screen and (min-width: 600px) {
    .text-popin{
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 599px){
    .text-popin{
        padding-bottom: 0;
    }
}

.sticker {
    background-color: #FFCF26;
    box-shadow: 4px 6px 0 0 rgba(40, 40, 40, 0.4);
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

#options  .option{
    display: inline-block;
    transition: transform .2s;
    color: #0a0a0a;
}

@media screen and (min-width: 600px){
    #options  .option {
        width: 45%;
        margin: 10px;
    }
}

@media screen and (max-width: 599px){
    #options  .option {
        width: 65%;
        margin: 10px;
    }
}

#options  .option:hover{
    transform: scale(1.05);
    color: #0a0a0a;
    cursor: pointer;

}