*{
    margin:0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Roboto", "Helvetica Neue", "sans-serif" ;
    font-size: 16pt;
    color: #ffffff;
    
}

:root {
    --green: #C3CC49;
    --white: #FFFFFF;
    --blue: #234B83;
    --font: "Roboto", "Helvetica Neue", "san-serif";
}


.nav {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 43px;
    position:fixed;
    left: 20px;
    top: 40%;
    z-index: 1000;
}

ul {
  list-style-type: none;
}

a {
    text-decoration: none;
    font-family: var(--font);
}

a:hover {
  color: var(--green);
}
#footer{
    width: 100%;
    height: 52px;
    background-image:linear-gradient(to bottom, #234b8300 0%,#234B83 70%);
    position:fixed;
    bottom:0px;
    z-index: 9000;
   text-align: center;
   word-spacing:223px;
}

body {
    overflow-y: hidden;
   list-style: none;
}

body, p, img {
    margin: 0px;
    padding: 0px;
    
}

#contenitore {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100vh;
    background-color: #C2080B;
    overflow: hidden;
    
}

  .logo {
  position: fixed;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}

.logo img {
  max-width: 490px; 
  height: auto;
  z-index: 100000;
}

 

.carosello1::-webkit-scrollbar, .carosello2::-webkit-scrollbar, carosello3::-webkit-scrollbar, .carosello4::-webkit-scrollbar {
    display: none; /*per Safari, Chrome, Edge...*/
    }

.carosello1.carosello2 .carosello3 .carosello4 {
    -ms-overflow-style: none; /*per IE*/
    scrollbar-width: none; /*per Firefox*/   
}

@media (max-width: 834px) {
   .carosello1,
    .carosello2{
        flex: 1 1 50%;
        height: 100vh;
    }

    .carosello3,
    .carosello4 {
        display: none;
    }

    .logo {
        max-width: 100%;
        transform: translate(-50%, -340px);
        z-index: 10000;
    }
   

}



.contenitore-img  {
    width: 100%;
    height: 66.6%;
    display: block;
    overflow: hidden;
    position: relative;
}

.carosello1, .carosello2, .carosello3, .carosello4 {
    width: 25%;
    height: 100vh;

    overflow: hidden;
    
}
.carosello ::-webkit-scrollbar {
    display: none;}
    
.track {
    display: flex;
    flex-direction: column;

}

.group {
    display: flex;
    flex-direction: column;
}

.card img {
    width: 100%;
    height: auto;
    display: block;
}
.up {
   
    flex-direction: column;
    animation: scroll-up 60s linear infinite;
}

.down {
   
    flex-direction: column;
    animation: scroll-down 60s linear infinite;
}

@keyframes scroll-up {
    
    from { transform: translateY(0); }
    to   { transform: translateY(-50%); } 
}
@keyframes scroll-down {
    from { transform: translateY(-50%); }
    to   { transform: translateY(0); }
}