/*-----------------------------------------
Lo STILE NON VA A PILE...
-----------------------------------------*/

html, body{height: 100%;}
body{background-color: #E5E8E8; position: relative;}



.hidden{display: none !important; transition: height 5s linear;}
.nav-link.active {background-color: transparent !important; border-radius: 0px !important; border-bottom: 2px solid #E0A800; }

#first{height: 100%;}
.filtro{height: 100%; width: 100%; background-color: #000; opacity: 0.1; position: absolute; z-index: 2;}
.immagine{background-image: url('../Immagini/Me.jpg'); background-position: 50% 25%; height: 100%; background-size: cover; -o-background-size: cover; -moz-background-cover: cover; position: relative; background-attachment: fixed; z-index: 1;}
/* blocca parallasse su tablet e cellulari */
@media only screen and (max-device-width: 1366px) {
  .immagine{background-attachment: scroll;}
}
#first #card{position: absolute; top:20%; z-index: 3; width: 100%; animation: fade 1s linear;}
.bordo{border-right: 2px solid #fff; background-color: rgba(0,0,0,0.35);}

.social a{text-decoration: none; color: #fff;}
.social a:hover{color: #ffc107;}

/*me.html*/
.photo{background-image: url("../Immagini/foto.png"); width: 125px; height: 125px;}

/*animazione e disegno*/
@keyframes fly {
  0%   {right: -10%;}
  100% {right: 110%;}
}
.overflow{overflow: hidden;}
.aereo{width: 10%; height: auto; position: relative; z-index: 15; animation: fly 6s ease-in-out infinite;}

@media (max-width: 991.5px){
  .nav-link.active{border-color: transparent;}
}

@media (max-width: 480px){
  .bordo{background-color: transparent; border: none;}
  .filtro{opacity: 0.3;}
  #more{margin-right: 1rem;}
  #site div div div div .text-justify{margin-bottom: 20px;}
}

@media (max-width: 767px) and (orientation: landscape) {
  #first #card{top:17%;}
}