#megaBox {
  position: relative;

  top: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 150vh;

  /* border: 5px solid red; */
  background: linear-gradient(180deg,#fffef5 0%,  #93afbe  50% , #fffef5 100%);

    /* url() no-repeat center center; */

  /* display: flex; */

  /* justify-content: center; */

  overflow: hidden;
}

/* @media (max-width:1920px){

  #megaBox{height: 250vh}

} */

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:15%;
  background: linear-gradient(180deg,#7ab9dd 0%, #fffef5 100%);
  
  /* border: 1px solid red; */
}


#hdrLogo{
  position: absolute;
  top: 60%;
  left: 10px;
  transform: translate(0, -60%);
  height: 60%;
  width: auto;
  padding-left: 150px;
}


.titoli {
  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%);

  width: 100%;

  max-width: 1500px;

  height: 100%;

  display: flex;

  flex-direction: column;

  /* border: 10px solid red; */
}

.titleBox {
  position: absolute;

  top: 20%;

  left: 0;

  width: 100%;

  height: 50%;

  /* max-width: 1500px; */

  font-family: "EquipExtended-Light", "Arial Narrow", Arial, sans-serif;

  font-size: 500%;

  font-weight: 700;

  display: flex;

  justify-content: center;

  align-items: center;

  color: rgb(255, 255, 255);

  /* text-align: center; */

  /* border: 1px solid red; */
}

@media (max-width: 900px) {
  .titleBox p {
    font-size: 80%;

    /* color: red; */
  }
}

.subtitleBox {
  position: absolute;

  top: 80%;

  left: 50%;

  transform: translate(-50%);

  width: 100%;

  height: 30%;

  /* max-width: 1500px; */

  /* font-family:'EquipExtended-Light', 'Arial Narrow', Arial, sans-serif; */

  font-family: 'Colaborate';

  /* font-style: italic; */

  /* font-size:120%; */

  font-weight: 700;

  /* color:rgba(27, 28, 28, 0.62); */

  align-items: end;

  /* text-align: center; */

  display: flex;

  justify-content: center;

  text-align: center;

  padding-bottom: 20px;

  /* border: 1px solid rgb(255, 191, 0); */
}

.subtitleBox p {
  font-size: 250%;

  color: rgba(27, 28, 28, 0.62);
}

@media (max-width: 1835px) {
  .subtitleBox p {
    font-size: 200%;

    /* color: red; */
  }
}

@media (max-width: 1600px) {
  .subtitleBox p {
    font-size: 180%;

    /* color: red; */
  }
}

@media (max-width: 835px) {
  .subtitleBox p {
    font-size: 150%;

    /* color: red; */
  }
}

.header img {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;
}

.introBox {
  position: absolute;

  top: 11%;

  left: 0;

  width: 100%;

  height: 100px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  /* align-items: center; */

  color: rgba(255, 255, 255, 0.721);

  font-family: "EquipExtended-Light", "Arial Narrow", Arial, sans-serif;

  /* font-style: italic; */

  text-align: center;
}

.introBox h2 {
  font-family: "EquipExtended-Light", "Arial Narrow", Arial, sans-serif;

  font-weight: 500;
}

.sections {
  position: absolute;

  top: 20%;

  left: 0;

  width: 100%;

  height: 60%;

  /* background: linear-gradient(180deg, #476f4d 0%, #223e54 100%); */

  /* overflow: scroll; */

  /* display: flex; */

  /* justify-content: center; */

  /* align-items: center; */

  /* border: 5px solid rgb(225, 255, 0); */
}

#sectionsBox {
  position: absolute;

  top: 0;

  left: 0;

  /* background-color: blu; */

  width: 100%;

  height: 80%;

  /* display: flex;

  justify-content: center;

  align-items: center; */

  /* grid-template-columns: auto auto; */

  /* grid-template-rows: auto auto; */

  /* gap: 30px; */

  /* background-color: lightgray; */

  /* padding: 20px; */

  /* display: flex;

   */

  /* border: 5px solid rgb(242, 255, 0); */
}

#sectionsBox1 {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 800px;

  /* display: flex;

  justify-content: center;

  align-items: center; */

  /* grid-template-columns: auto auto; */

  /* grid-template-rows: auto auto; */

  /* gap: 30px; */

  /* background-color: lightgray; */

  /* padding: 20px; */

  /* display: flex;

   */

  z-index: 100;

  /* border: 15px solid rgb(0, 255, 60); */
}

#sectionsBox2 {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 800px;

  z-index: 102;

  color: red;

  background-color: white;

  /* display: flex;

  justify-content: center;

  align-items: center; */

  /* grid-template-columns: auto auto; */

  /* grid-template-rows: auto auto; */

  /* gap: 30px; */

  /* background-color: lightgray; */

  /* padding: 20px; */

  /* display: flex;

   */

  /* border: 15px solid rgb(242, 255, 0); */
}

.pluto {
  position: absolute;

  width: 100%;

  height: 100%;
}

.sectionsIMG {
  position: absolute;

  width: 100%;

  top: 0%;

  height: auto;

  /* height: 1000; */

  /* animation: mainGridAnimation2; */

  /* animation-duration: 5s; */

  /* animation-timing-function: ease-in-out; */
}

@keyframes mainGridAnimation2 {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  70% {
    opacity: 0.5;
  }

  90% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

.presentazione {
  position: absolute;

  top: 60%;

  left: 50%;

  transform: translate(-50%);

  width: 60%;

  height: 27%;

  padding: 0;

  /* opacity: 0; */

  animation-name: presenta;

  animation-duration: 10s;

  /* animation-delay: 10s; */

  font-size: larger;

  overflow: scroll;

  /* border: 1px solid red; */
}

@keyframes presenta {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
    font-size: smaller;
  }

  100% {
    opacity: 1;
    font-size: larger;
  }
}

.fondoBox {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 20%;

  z-index: 87;

  background: linear-gradient(360deg,#7ab9dd 0%, #fffef5 100%);


  /* margin-top: 50px;
  padding-bottom: 5%; */

  /* background-color: rgba(79, 108, 116, 0.443); */

  
  /* border: 1px solid rgb(0, 255, 225); */

  /* overflow: hidden; */
  padding-bottom: 50px;
}


.footRespBox {
  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%);

  width: 100%;

  max-width: 1500px;

  height: 100%;

  display: flex;

  /* border: 1px solid red; */
}

.imgMobile {
  width: auto;

  height: 110%;

  /* margin-top: -200px; */

  opacity: 0.2;

  z-index: 2;

  /* animation: pippo 4s infinite;z-index: 1; */
}

/* XXXXXXXXXXXX ANIMAZIONE XXXXXXXXXXXXXXXXXXXX */

#respBox {
  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%);

  width: 100%;

  max-width: 1500px;

  height: 100%;

  /* border: 5px solid gray; */

  /* border: 3px solid rgb(209, 209, 209); */

  /* background: rgb(133, 131, 131); */

  /* background: linear-gradient(90deg, #476f4d   0%, #223e54 100%), url() no-repeat center center;; */
}

.gridBox div {
  /* background-color: white; */

  align-items: stretch;

  justify-items: stretch;
}

.sectLogo {
  width: 100%;

  height: 100%;

  opacity: 0;

  /* animation: mainGridAnimation; */

  /* animation-duration: 7s; */

  /* animation-timing-function: ease-in-out; */
}

@keyframes mainGridAnimation {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0.5;
  }

  20% {
    opacity: 0.6;
  }

  70% {
    opacity: 0.8;
  }

  80% {
    opacity: 0.5;
  }

  90% {
    opacity: 0.3;
  }

  100% {
    opacity: 0;
  }
}




.footer {
  position: relative;

  width: 100%;

  height: 80%;

  display: flex;

  /* background-color: rgba(79, 108, 116, 0.725); */

  padding: 10px 100px;

  /* margin-bottom: 20px; */

  z-index: 89;
}

.sxFooter {
  position: absolute;

  top: 0;

  left: 0;

  width: 35%;

  height: 100%;

  padding: 30px;

  display: flex;

  flex-direction: column;

  justify-content: start;

  align-items: left;

  color: rgba(27, 28, 28, 0.62);
  

  /* border: 1px solid red; */
}

.sxFooter p,h5 {
  text-align: left;

  font-weight: 600;

  font-size: 1.2em;

  font-family: serif;
  color: rgba(27, 28, 28, 0.62);

}

.sponsor {
  position: absolute;

  top: 0;

  left: 35%;

  width: 65%;

  height: 5%;

  padding: 30px;

  display: flex;

  /* flex-direction: column; */

  justify-content: space-between;

  align-items: right;

  /* background-color: rgba(0, 0, 255, 0.469); */

  color: rgb(255, 255, 255);
  /* border: 1px solid red; */
}

.thanks {
  position: absolute;

  top: 0;

  left: 0;

  width: 25%;

  height: 100%;

  display: flex;

  justify-content: right;

  align-items:center;
  color: rgba(27, 28, 28, 0.62);
  z-index: 10;
  padding-top: 10px;


  /* border: 1px solid red; */
}

.thanksLogo {
  position: absolute;

  top: 0;

  right: 0;

  width: 75%;

  height: 100%;

  display: flex;

  /* flex-direction: column; */

  align-items: center;

  justify-content: space-evenly;

  /* border: 1px solid red; */
}

.imgSponsor {
  width: auto;
  height: 65%;
  padding: 0 5px;
}

.riquadro {
  width: 100%;

  height: 800px;

  /* border: 1px solid red; */
}

#topSectBox {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 50%;

  display: flex;

  /* border: 1px solid red; */
}

#bottomSectBox {
  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 50%;

  display: flex;
}

.imgBox {
  width: 50%;

  height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  /* border: 1px solid rgb(0, 0, 0); */

  z-index: 1;

  /* padding 20px; */
}

/* .footerBox{

  position: absolute;

  bottom: 0;

  width: 100%;

  height:320px;

  background: black;



} */