.demo {
position: absolute;
text-transform: uppercase;
-webkit-animation-name: bounce;
animation-name: bounce;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.noAnimation{
-webkit-animation-name: bounce;
animation-name: bounce;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 0s;
animation-duration: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

/* Menu Button */
.menu-button {
position: fixed;
bottom:20px;
right:20px;
z-index: 1000;
margin: 1em;
padding: 0;
border: none;
color: transparent;
}
.menu-button:before {
position: absolute;
top: 0.5em;
right: 0.5em;
bottom: 0.5em;
left: 0.5em;
background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
}
.menu-button:hover {

}

.due{margin:0;font-size:2em;padding:0 ;}
.tre{font-szie:0.8em}
.quattro{ text-align:right}
/* Close Button */
.close-button {
width: 1em;
height: 1em;
position: absolute;
right: 1em;
top: 1em;
overflow: hidden;
text-indent: 1em;
font-size: 0.75em;
border: none;
background: transparent;
color: transparent;
}
.close-button::before,
.close-button::after {
content: '';
position: absolute;
width: 3px;
height: 100%;
top: 0;
left: 50%;
background: #bdc3c7;
}
.close-button::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-button::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}





.overlay-content {
display: none;
position: fixed;
z-index: 10001;
width: 300px;
height:365px;
bottom: 0 !important;
top: initial !important;
right:0px;
font-size: 1.3em;
background: #FFF;

-webkit-box-shadow: 3px -2px 16px -6px rgba(0,0,0,0.51);
-moz-box-shadow: 3px -2px 16px -6px rgba(0,0,0,0.51);
box-shadow: 3px -2px 16px -6px rgba(0,0,0,0.51);
padding: 20px 20px 0px 20px;
}


/* media query for most mobile devices */


.menu,.icon-list {height: 100%;}
.icon-list a, .uno, .due, .tre, .quattro{
display: block;
padding: 15px;
}


.icon-list a span {
margin-left: 10px;
font-weight: 700;
}