/* CSS HOME */
/* 1 solo BOX */
/*.mi_thumb_text {display:block; position:absolute;width:37%; height:30%; top:0; right:0; bottom:0; left:0; margin:auto; z-index:50; text-align: center; background:rgba(0,0,0,0.5); border-radius:5px; }

.mi_thumb_text h1 {padding:0; margin:2%; font:30px/50px 'Unica One', cursive; color:#fff; letter-spacing:2px; line-height:200%; text-align:center}
.mi_thumb_text h2 {padding:0; margin:0; font:lighter 24px/35px 'Unica One', cursive; color:#ccc; line-height:200%}
.mi_thumb_text p {padding:0; margin:2%; font:lighter 17px/27px 'Lato', sans-serif; color:#fff; line-height:200%}
.mi_thumb_text a {color:#ccc;}
.mi_thumb_text a:hover {color:#ccc;}*/

/* 2 BOX */

.mi_thumb_text {display: compact; position:absolute;width:300px; height:200px; top:0; bottom:0; left:0; right:320px; margin:auto; z-index:50; text-align: center; background:rgba(0,0,0,0.5); border-radius:5px; }

.mi_thumb_text h1 {padding:0; margin:2%; font:30px/50px 'Unica One', cursive; color:#fff; letter-spacing:2px; line-height:50%; text-align:center}
.mi_thumb_text h2 {padding:0; margin:0; font:lighter 24px/35px 'Unica One', cursive; color:#ccc; line-height:200%}
.mi_thumb_text p {padding:0; margin:2%; font:lighter 17px/27px 'Lato', sans-serif; color:#fff; line-height:200%}
.mi_thumb_text a {color:#ccc;}
.mi_thumb_text a:hover {color:#ccc;}


.mi_thumb_text2 {display: compact; position:absolute; width:300px; height:200px; top:0; right:0; left:320px; bottom:0; margin:auto; z-index:50; text-align: center; background:rgba(0,0,0,0.5); border-radius:5px; }

.mi_thumb_text2 h1 {padding:0; margin:2%; font:30px/50px 'Unica One', cursive; color:#fff; letter-spacing:2px; line-height:50%; text-align:center}
.mi_thumb_text2 h2 {padding:0; margin:0; font:lighter 24px/35px 'Unica One', cursive; color:#ccc; line-height:200%}
.mi_thumb_text2 p {padding:0; margin:2%; font:lighter 17px/27px 'Lato', sans-serif; color:#fff; line-height:200%}
.mi_thumb_text2 a {color:#ccc;}
.mi_thumb_text2 a:hover {color:#ccc;}

.pontormo_button { }
.pontormo_button img {opacity:1; filter: alpha(opacity=100); background-color: white; padding:2px }
.pontormo_button:hover img {opacity:0.7; filter: alpha(opacity=50); background-color: gray; padding:2px  }

@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
	
.mi_thumb_text {display: compact; position:absolute;width:300px; height:200px; top:-150px; bottom:0; left:0; right:0; margin:auto; z-index:50; text-align: center; background:rgba(0,0,0,0.5); border-radius:5px; }

.mi_thumb_text h1 {padding:0; margin:2%; font:30px/50px 'Unica One', cursive; color:#fff; letter-spacing:2px; line-height:50%; text-align:center}
.mi_thumb_text h2 {padding:0; margin:0; font:lighter 24px/35px 'Unica One', cursive; color:#ccc; line-height:200%}
.mi_thumb_text p {padding:0; margin:2%; font:lighter 17px/27px 'Lato', sans-serif; color:#fff; line-height:200%}
.mi_thumb_text a {color:#ccc;}
.mi_thumb_text a:hover {color:#ccc;}


.mi_thumb_text2 {display: compact; position:absolute; width:300px; height:200px; top:260px; right:0; left:0; bottom:0; margin:auto; z-index:50; text-align: center; background:rgba(0,0,0,0.5); border-radius:5px; }

.mi_thumb_text2 h1 {padding:0; margin:2%; font:30px/50px 'Unica One', cursive; color:#fff; letter-spacing:2px; line-height:50%; text-align:center}
.mi_thumb_text2 h2 {padding:0; margin:0; font:lighter 24px/35px 'Unica One', cursive; color:#ccc; line-height:200%}
.mi_thumb_text2 p {padding:0; margin:2%; font:lighter 17px/27px 'Lato', sans-serif; color:#fff; line-height:200%}
.mi_thumb_text2 a {color:#ccc;}
.mi_thumb_text2 a:hover {color:#ccc;}
	
}
/*BUTTON DOWNLOAD border color original #0ff*/
.dnbtn {
  border: 2px solid red;
  border-radius: 50px;
  position: absolute;
	background-color: red;
  color: red;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px 0 0 0;
  width: 50px;
  height: 25px;
  text-decoration: none;
  transition: .3s;
}

.dnbtn:before {
  font-family: 'FontAwesome';
  content: '\f0ed';
  font-size: 26px;
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: .3s;
}

.dnbtn:hover:before {
  display: none;
}

.dnbtn:hover:after {
  font-family: Lato;
  content: "Scarica l'articolo .pdf";
  color: white;
  font-size: 18px;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: .3s;
  animation: fadein .3s;
}

.dnbtn:hover {
  width: 330px;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}