@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');

body, html{font-family: 'Open Sans', sans-serif;}
body{margin: 0;overflow-x: hidden;font-size: 12px;}
html {margin: 0;min-height: 100%;height: 100%;}

html { 
  background: url(../images/copertina.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#download{position: absolute;bottom: 120px;left: 50%;margin-left: -123px; animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;-moz-animation: bounce 2s infinite;o-animation: bounce 2s infinite;}
#download a{text-transform: uppercase;font-weight: 900;color: #FFF;text-decoration: none;background: #192a34;padding: 10px 30px;font-size: 1.5em;border-radius: 30px;}
#download a:hover{background: #253e4d;}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

@media (max-width: 1600px) {
    
}
@media (max-width: 1400px) {
    
}
@media (max-width: 1200px) {
    
}
@media (max-width: 992px) {
    
}
@media (max-width: 767px) {
    #download{bottom: 60px;margin-left: -105px;}
    #download a{font-size: 1.2em;}
}
@media (max-width: 320px) {
    
}