@font-face {
    font-family: 'Speedee-Bold';
	src: local('fonts/Speedee-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Speedee_Regular';
    src: local('fonts/Speedee_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
.oreo-content{
    position:absolute;
    top:64%;
    left:0;
    width:90%;
    height:37%;
    background:#fff;
    z-index:99;
    text-align:center;
    padding:0 5%;
}
.frappe-content{
    position:absolute;
    top:0%;
    left:0;
    width:90%;
    height:64%;
    background:#E5E96B;
    z-index:99;
    text-align:center;
    padding:0 5%;
}
.frappe-clickable {
  position:absolute;
    top:0%;
    left:0;
    width:90%;
    height:64%;
    background:#ffffff00;
    z-index:99;
    text-align:center;
    padding:0 5%;
}
.oreo-content h2{
    font:25px/25px "Speedee-Bold";
    color:#275bbb;
    margin:0 0 20px;
}
.oreo-content h2 span{
    color:#d80008;
}
.oreo-content p.description{
    font:13px "Speedee_Regular";
    color:#000;   
    margin:0 0 22px;
}
.ordernow-button{
    margin-bottom:20px;
}
.ordernow-button img{
    width:115px;
    -webkit-animation: zoom-in-zoom-out 1.4s ease infinite;
    -ms-animation: zoom-in-zoom-out 1.4s ease infinite;
    -moz-animation: zoom-in-zoom-out 1.4s ease infinite;
    animation: zoom-in-zoom-out 1.4s ease infinite;
}
p.license-text{
	
    font:10px "Speedee_Regular";
    color:#000;    
    margin:0;
}
p.invisible {visibility:hidden;}
@-webkit-keyframes zoom-in-zoom-out {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}
@media screen and (max-width:320px){
    .oreo-content h2{
        font-size:16px;
        line-height:16px;
        margin-bottom:10px;
    }
    .oreo-content p.description{
        font-size:10px;
        margin-bottom:14px;
    }
    .ordernow-button img{
        width:70px;
    }
    .ordernow-button{
        margin-bottom:10px;
    }
    p.license-text{
        font-size:8px;
        padding:0 5px;
    }
    .oreo-content{
        width:94%;
        padding:0 3%;
    }
}
@media screen and (min-width:321px) and (max-width:360px){
    .oreo-content h2{
        font-size:20px;
        line-height:20px;
        margin-bottom:15px;
    }
    .oreo-content p.description{
        font-size:12px;
        margin-bottom:20px;
    }
    .ordernow-button img{
        width:90px;
    }
    .ordernow-button{
        margin-bottom:15px;
    }
    p.license-text{
        font-size:10px;
        padding:0 5px;
    }
   
}

@media screen and (min-width:768px){
    .oreo-content h2{
        font-size:32px;
        line-height:32px;
        margin:10px 0 30px;
    }
    .oreo-content p.description{
        font-size:18px;
        margin-bottom:25px;
        padding:0 18px;
    }
    .ordernow-button{
        margin-bottom:30px;
    }
    .ordernow-button img{
        width:140px;
    }
    p.license-text{
        font-size:14px;
        padding:0 100px;
    }
}