p{
    font-size: 1em;
    color: #fff;
}
.coupon .img-tipsepa{
    border: solid 1px #BDC3C7;
}
.coupon p{
    font-size: 1em;
}

/* .help = icon*/
.help1, .help2{
    background : url("../img/help.svg") no-repeat center;
    width: 24px;
    height: 24px;   
    position: absolute;
    cursor: help;
}
.help1:hover, .help2:hover{
    background : url("../img/help2.svg") no-repeat center;
    width: 24px;
    height: 24px;   
}

.help1 {
    top: 15px;
    left: 249px;
}
.help2{
    left: 321px;
    top: 73px;
}

/* .hover = popup*/
.hover1, .hover2{
    display: none;
    opacity: 0.9;
    background: #333;
    color: #fff;
    position: absolute;
    padding: 1%;
    z-index: 999;
    font-size: 0.8em;
    width: 100%;
    bottom: 0;
    top: 0;
}


.hover p {
    padding-left: 6%;
    padding-right: 6%;  
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes popup{
    from {opacity: 0;}
    to {opacity: 0.9;}
} 

/* Standard syntax */ 
@keyframes popup {
    from {opacity: 0;}
    to {opacity: 0.9;}
}

@media only screen and (max-width: 768px){
    *{
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    .coupon{
        overflow: scroll;
        position: relative;
    }
    .coupon img{
        max-width: inherit;
    }

    /* .hover = popup*/
    .hover1, .hover2{
        padding: 1%;
        width: 100%;
        bottom: 0;
        top: 0;
    }
    .hover p {
    
    padding-left: 8%;
    padding-right: 6%;
    margin-top: -3%;
}
    .hover2 p {
        /*font-size: 0.7em!important;*/
    }

}

@media only screen and (max-device-width : 768px) and (orientation : landscape) {
        .coupon p{
    font-size: 0.7em!important;
}

}