@media only screen and (min-width: 1000px) {
#eu-cookie-message {
position: absolute;
    -webkit-animation-name: slide-eucookie; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: slide-eucookie;
    animation-duration: 2s;
    animation-iteration-count: 1;
    @-moz-animation-name: slide-eucookie;
    @-moz-animation-duration: 2s;
top:0px; 
width: 99%;
padding: 0.5%;
text-align: center;
color: #fff;
background-color: #333; 
background-color:rgba(0,0,0,0.75);  
z-index:100;
} 

/* Safari 4.0 - 8.0 */
@-webkit-keyframes slide-eucookie {
    0%   { top:-80px;}
    50% {top:40px;}
    100% {top:0px;}
}

/* Standard syntax */
@keyframes slide-eucookie {
    0%   { top:-80px;}
    50% {top:40px;}
    100% {top:0px;}
}

@-moz-keyframes slide-eucookie {
    0%   { top:-80px;}
    50% {top:40px;}
    100% {top:0px;}
}

#eu-cookie-message form{
border:0;
margin:0;
padding:0;
font-size: 0.7em;
}

#eu-cookie-message a {
	display: inline-block;
    background-color: #980267;
	border: 2px solid #850057;
	color: #fff;
	padding: 1px 10px 1px 10px;
	border-radius: 5px;
	text-decoration: none;
	margin-top:1px;
}

#eu-cookie-message form input{
display: block;
margin: 2px auto 0 auto;
padding: 0.25% 0.25%;
font-size:99%;
background-color: #23720B;
border: 2px solid #787252;
color: #fff;
border-radius: 5px;
cursor: pointer;
display: inline;
}}

/*#######################################################################################
480-999
####################################################################################### */
@media only screen and (min-width:481px) and (max-width: 999px) {
#eu-cookie-message{
position: absolute;
    -webkit-animation-name: slide-eucookie; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: slide-eucookie;
    animation-duration: 3s;
    animation-iteration-count: 1;
    @-moz-animation-name: slide-eucookie;
    @-moz-animation-duration: 3s;
top: calc(48px + 100vw  * 111 / 1000); 
/* top:47px; */
width: 99%;
padding: 0.5%;
text-align: center;
color: #fff;
background-color: #333;
background-color:rgba(0,0,0,0.75);
z-index:100;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes slide-eucookie {
    0%   { top:-50px;}
    100% {top:calc(48px + 100vw  * 111 / 1000);}
}

/* Standard syntax */
@keyframes slide-eucookie {
    0%   { top:-50px;}
    100% {top:calc(48px + 100vw  * 111 / 1000);}
}

@-moz-keyframes slide-eucookie {
    0%   { top:-50px;}
    100% {top:calc(48px + 100vw  * 111 / 1000);}
}

#eu-cookie-message form{
border:0;
margin:0;
padding:0;
font-size: 0.8em;
}

#eu-cookie-message a {
	display: inline-block;
    background-color: #980267;
	border: 2px solid #850057;
	color: #fff;
	padding: 1px 10px 1px 10px;
	border-radius: 5px;
	text-decoration: none;
	margin-top:1px;
}

#eu-cookie-message form input{
display: block;
margin: 0px auto 0 auto;
padding: 2px 5px;
font-size:100%;
background-color: #23720B;
border: 2px solid #787252;
color: #fff;
border-radius: 5px;
cursor: pointer;
display: inline;
}}

/*#######################################################################################
280-480
####################################################################################### */
@media only screen and (max-width: 480px) {
#eu-cookie-message{
position: absolute;
    -webkit-animation-name: slide-eucookie; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: slide-eucookie;
    animation-duration: 3s;
    animation-iteration-count: 1;
    @-moz-animation-name: slide-eucookie;
    @-moz-animation-duration: 3s;
top: calc(48px + 100vw  * 111 / 1000);
/* top:47px; */
width: 99%;
padding: 0.5%;
text-align: center;
color: #fff;
background-color: #333;
background-color:rgba(0,0,0,0.75);
z-index:100;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes slide-eucookie {
    0%   { top:-50px;}
    100% {top:calc(48px + 100vw  * 111 / 1000);}
}

/* Standard syntax */
@keyframes slide-eucookie {
    0%   { top:-50px;}
    100% {top:calc(48px + 100vw  * 111 / 1000);}
}

@-moz-keyframes slide-eucookie {
    0%   { top:-50px;}
    100% {top:calc(48px + 100vw  * 111 / 1000);}
}

#eu-cookie-message form{
border:0;
margin:0;
padding:0;
font-size: 0.7em;
}

#eu-cookie-message a {
	display: inline-block;
    background-color: #980267;
	border: 2px solid #850057;
	color: #fff;
	padding: 1px 10px 1px 10px;
	border-radius: 5px;
	text-decoration: none;
	margin-top:1px;
}

#eu-cookie-message form input{
display: block;
margin: 0px auto 0 auto;
padding: 0.5% 0.5%;
font-size:99%;
background-color: #23720B;
border: 2px solid #787252;
color: #fff;
border-radius: 5px;
cursor: pointer;
display: inline;
}}