@font-face {
font-family: 'GT-Pressura-Mono-Regular'; 
src: url(/About/fonts/GT-Pressura-Mono-Regular/GT-Pressura-Mono-Regular.woff); 
font-weight: normal; 
}
@font-face {
font-family: 'GT-Pressura-Mono-Bold'; 
src: url(/About/fonts/GT-Pressura-Mono-Bold/GT-Pressura-Mono-Bold.woff); 
}
@font-face {
font-family: 'GT-Pressura-Mono-Light'; 
src: url(/About/fonts/GT-Pressura-Mono-Light/GT-Pressura-Mono-Light.woff); 
}
@font-face {
font-family: 'GT-Pressura-Regular'; 
src: url(/About/fonts/GT-Pressura-Regular/GT-Pressura-Regular.woff); 
font-weight: normal; 
}
@font-face {
font-family: 'GT-Pressura-Light'; 
src: url(/About/fonts/GT-Pressura-Light/GT-Pressura-Light.woff); 
font-weight: normal; 
}
@font-face {
font-family: 'GT-Pressura-Bold'; 
src: url(/About/fonts/GT-Pressura-Bold/GT-Pressura-Bold.woff); 
font-weight: normal; 
}


body {
	width: 100wh;
	height: 90vh;
	color: #fff;
	background: linear-gradient(-45deg, #ff3300, #ff6666, #ffff99, #99ff99, #4dd2ff, #ff4dd2, #d24dff);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}


.wrapper {
  height: 100%; /* use 100% here - was 40% */
  position: relative;
  padding: 30px;
}

#inner {
  background: #fff;
  padding: 10px;
}

p {
  text-align: center;
  color: #000000;
  font-family: 'GT-Pressura-Mono-Regular';
  letter-spacing: -0.05em;
  padding-right: 12%;
  padding-left: 12%;
}

p a {
	color: #000000;
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
	color: #ffffff;  
}


/*IMPOSTO DIMENSIONI PARAGRAFI RESPONSIVE*/
/*smartphones portrait*/
@media screen and (min-width:320px){ 
    h1 { 
        font-size: 25px;
    }
}

/*smartphones landscape*/
@media screen and (min-width:480px){ 
   	#intestazione {
	font-size: 300%;
	}
	#info {
	font-size: 150%;
	}
	#archivio {
	font-size: 200%; 
	}
}

/*tablet portrait*/
@media screen and (min-width:768px){ 
    #intestazione {
	font-size: 400%;
	}
	#info {
	font-size: 130%;
	}
	#archivio {
	font-size: 240%; 
	}
}

/*tablet landscape*/
@media screen and (min-width:1024px){ 
    #intestazione {
	font-size: 600%;
	}
	#info {
	font-size: 200%;
	}
	#archivio {
	font-size: 350%; 
	}
}

/*notebook e desktop*/
@media screen and (min-width:1200px){ 
	#intestazione {
	font-size: 600%;
	}
	#info {
	font-size: 200%;
	}
	#archivio {
	font-size: 350%; 
	}
}
/*FINE DIMENSIONI PARAGRAFI RESPONSIVE*/

.logo{
text-align: right;
position: fixed;
display: block;
height: 80px;
width: 80px;
text-indent: -9999px;
top: 6px;
right: 6px;
}
.logo a{
  text-decoration: none
}

#logo{
background: url(images/next-page_nero_80.png);
}
#logo:hover{
background: url(images/next-page_bianco_80.png);
}


/* DISCLAIMER COOKIES */
#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */
  font-family: 'GT-Pressura-Regular';      
  font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
  color: #DDD;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 6px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: .8;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieInfoLink {                      
  background-color: #A9A9A9;
  color: #000;                 /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 16px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  0px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
  font-family: 'GT-Pressura-Regular';
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  background-color: #FFF;          
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
                              /* ...visivamente come un pulsante */
  background-color: #A9A9A9;     /* lo sfondo è verde (#0A0) */
  color: #000;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 16px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  0px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #FFF;
}
/* FINE DISCLAIMER COOKIES */