*{box-sizing: border-box; padding: 0%; top: 0; margin: 0%;font-family: "Heebo", sans-serif;}
/*body {background-color:#f5f5f5; font-family: 'Heebo', sans-serif;}*/



.header {height: 300px; max-width: 100%;
background-image:  
url("../images/hero.jpg"); 
background-position: center;
background-repeat: no-repeat;
background-size: cover ;
position: relative;
padding: 50px;
text-align: center;
color: white; font-size: 30px;
overflow: hidden;
  
}
.hero-text{  
font-size: 60PX; 
margin-left: 40px; 
margin-right: 40px;
justify-content: space-between;
text-align: center;
top: 50%;
color: white;
}
.hero-text { 
display: flex; 
text-shadow: 2px 2px 4px gray, 0 0 25px red, 0 0 5px rgb(84, 49, 49);
}
.divuno{
padding-left: 40px; 
padding-top: 50px;
}
.divdue{
padding-right: 50px; 
padding-top: 40px;
}

@media screen and (max-width: 1700px) {
.hero-text{  font-size: 45px; margin-left: 10px; margin-right: 10px;
justify-content: space-between;
text-align: center;
top: 50%;
color: white;
}
.divuno{padding-left: 20px; padding-top: 20px;}
.divdue{padding-right: 50px; padding-top: 20px;}
}


@media screen and (max-width: 1400px) {
.hero-text{  font-size: 30px; margin-left: 20px; margin-right: 20px;
justify-content: space-between;
text-align: center;
top: 50%;
color: white;
}
.divuno{padding-left: 20px; padding-top: 20px;}
.divdue{padding-right: 50px; padding-top: 20px;}
}

@media screen and (max-width: 1024px) {
.divuno{display: none;}
.divdue{display: none;}
}

@media screen and (max-width: 790px) {
  .header {
  display: none;
}
}


/*--------NAV----------*/

.sticky {

position: fixed;
top: 0;
z-index: 20;
width: 100%;
} 
  
#nav-device {
display: none;
}
#nav-ico-desk-hide {
display: none;
}
#nav-mio{
margin-top: 10px; 
z-index: 1000;
position: fixed;
display: table;
width: 100%;
}
.navbar{
height: 70px; 
border-bottom: solid 1px rgb(133, 131, 131); 
box-shadow: 1px 1px 5px 1px #25384d;

}
.logo-device { 
width: 35px; 
height: 35px; 
margin-left: 40px; 
margin-right: 30px;
}
#ico-drop{
padding-top: 10px; 
} /* NAV.PHP RIGA 121 ICONA ACCEDI*/

.logo-desk { 
width: 60px; 
height: 60px; 
margin-left: 20px; 
margin-right: 40px;
border-radius: 50%;
object-fit: cover;   /* mantiene il contenuto centrato e riempie il cerchio */
} 
#ico{width: 35px; 
height: 35px; 
font-weight:bold; 
margin-right: 10px; 
margin-left: 20px; 
} /* NAV.PHP ICONE NAV*/
#navbarDropdownMenuLink{
margin-top: -30px; 
}
#drop-nav-menu{
margin-top: 10px; 
margin-left: 40px;
}
#ico:hover{
transform: scale(1.2); -webkit-transform: scale(1.21); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);
}
#ico:active{
transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0);
}

#brand_device{
display: none; /*font-weight: bold; margin-top: 20px;
background: linear-gradient(red,#eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
@-webkit-keyframes brand_device
{
0% { opacity: 0.1; color: white}
50% { opacity: 1.0; color: red}
100% { opacity: 0.3; color: white}
}
#brand_device{font-size: 20px;
-webkit-animation-name: brand_device;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
-webkit-animation-duration: 1.7s;
*/} 
.device{
display: flex; 
justify-items: center;
margin-top: 50px;
}
 
 
 /*DIV IMMAGINE*/
 
.dropdown{
margin-left: 20px; 
margin-top: 20px;
}

 

/* VERSIONE DEVICE*/ 
@media screen and  (max-width: 1700px){
.nav-link{
font-size: 10px;
}
}

@media screen and  (max-width: 1400px){
.nav-link{
font-size: 12px;
}

#ico{
width: 30px; 
height: 30px; 
font-weight:bold; 
margin-right: 5px; 
margin-left: 5px; }
}

@media screen and  (max-width: 988px){
.nav-link{
font-size: 10px;
}
#ico-drop{margin-left: 0px;}
#brand_device{display: block;}
@-webkit-keyframes brand_device
{
0% { opacity: 0.1; color: white}
50% { opacity: 1.0; color: red}
100% { opacity: 0.3; color: white}
}
#brand_device{font-size: 25px;
-webkit-animation-name: brand_device;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
-webkit-animation-duration: 1.7s;
}
}

@media  (max-width: 798px){
#sticky {
transition: 1s;
  position: fixed;
  top: auto;
  width: auto;
  z-index: 20;
} 

.logo-desk { 
width: 45px; 
height: 50px; 
margin-left: 2px; 
margin-right: 20px;
border-radius: 50%;
object-fit: cover;   /* mantiene il contenuto centrato e riempie il cerchio */
}
#ico-drop{
margin-left: 0px;
}
#ico{
margin-left: 2px;
}
.device{
display: inline;
}

.conteiner{
display: inline;
}
.navbar{
padding-top: 7px;
}
.nav-link{
font-size: 15px;
}
.nav-device-hide{
display: none;
}/*ICONA FOOTER*/
.navbar{
height: auto; 
padding-right: 15px; 
padding-left: 10px; 
background-image: linear-gradient(rgb(228, 226, 226),rgb(245, 243, 243));
}
#brand_device{
display: block;
margin-bottom: 5px; 
font-size: 20px;
margin-right: 10px; 
margin-top: 5px; 
color: rgb(29, 30, 106); 
font-weight: bold; 
font-family: 'Heebo', sans-serif;
background: linear-gradient(red,#eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@-webkit-keyframes brand_device
{
0% { opacity: 0.1; color: white}
50% { opacity: 1.0; color: red}
100% { opacity: 0.3; color: white}
}
#brand_device{font-size: 20px;
-webkit-animation-name: brand_device;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
-webkit-animation-duration: 1.7s;
}

}