.button-20 {
  appearance: button;
  background-color: #4D4AE8;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
  border: 1px solid #4D4AE8;
  border-radius: 1rem;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 inset,rgba(46, 54, 80, 0.075) 0 1px 1px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Inter,sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  padding: .5rem 1rem;
  text-align: center;
  text-transform: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
}

.button-20:focus:not(:focus-visible),
.button-20:focus {
  outline: 0;
}

.button-20:hover {
  background-color: #3733E5;
  border-color: #3733E5;
}

.button-20:focus {
  background-color: #413FC5;
  border-color: #3E3BBA;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 inset, rgba(46, 54, 80, 0.075) 0 1px 1px, rgba(104, 101, 235, 0.5) 0 0 0 .2rem;
}

.button-20:active {
  background-color: #3E3BBA;
  background-image: none;
  border-color: #3A38AE;
  box-shadow: rgba(46, 54, 80, 0.125) 0 3px 5px inset;
}

.button-20:active:focus {
  box-shadow: rgba(46, 54, 80, 0.125) 0 3px 5px inset, rgba(104, 101, 235, 0.5) 0 0 0 .2rem;
}

.button-20:disabled {
  background-image: none;
  box-shadow: none;
  opacity: .65;
  pointer-events: none;
}
img {
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
}
body{margin: 0px;background-color: rgb(255, 140, 0);}
#introtg{width: 1808px;height: 1017px;margin-left: 30px;}
#logotg3{margin-left: 620px;margin-bottom: 30px;width: 250px; height: 150px;}
#notiziemomento{margin-left: 700px;}
#merdolina{margin-left: 400px;}
#fedeinfiamme{margin-left: 630px;}
#CaldeCalde{margin-left: 550px;}
#scisma{margin-left: 350px;}
#mappa{margin-left: 550px;}
#imm1{margin-left: 150px;}
#imm2{margin-left: 250px;}
#imm3{margin-left: 300px;}
#imm4{margin-left: 220px;}
#imm5{margin-left: 220px;}
#imm6{margin-left: 150px;}
.videos{margin-left: 350px;}
#Titolo2{margin-left: 790px;}
#nomi{margin-left: 200px;}
#contact{margin-left: 730px;}
.links{margin-left: 50px;}
.skulls{margin-left: 580px; margin-top: 30px;}
#hens{margin-left: 1650px;}

/*VISUALIZZAZIONE DA NON SO BENE COSA*/
@media (max-width: 1800px) {
    #videointro {
        width: 1792px;
        height: 1008px;
        border: thin solid rgb(255, 140, 0);
        overflow: auto;
        resize: both;
     }
     #introtg{width: 1776px; height: 999px;margin-left: 40px;}
     #logotg3{margin-left: 500px;margin-bottom: 40px;width: 300px;height: 150px;}
     #notiziemomento{margin-left: 0px;}
     #merdolina{margin-left: auto;}
     #fedeinfiamme{margin-left: auto;}
     #CaldeCalde{margin-left: auto;}
     #scisma{margin-left: 150px;}
     #mappa{margin-left: 400px;}
     #imm1{margin-left: 0px;}
     #imm2{margin-left: 150px;}
     #imm3{margin-left: 150px;}
     #imm4{margin-left: 250px;}
     #imm5{margin-left: 280px;}
     #imm6{margin-left: 230px;}
     .videos{margin-left: 0px;}
     #Titolo2{margin-left: auto;}
     #nomi{margin-left: auto;}
     #contact{margin-left: auto;}
     .links{margin-left: auto;}
     .skulls{margin-left: 120px; margin-top: auto;}
     #hens{margin-left: 1060px;}
     #giallo{width: 1792px;}
     #rosa{width: 1812px;}
     #kaki{width: 1812px;}
     #nero{width: 1812px;}
     #blue{width: 1812px;}
}


/*VISUALIZZAZIONE DA LAPTOP*/
@media (max-width: 1200px) {
    #videointro {
        width: 976px;
        height: 549px;
        border: thin solid rgb(255, 140, 0);
        overflow: auto;
        resize: both;
     }
     #introtg{width: 960px; height: 540px;margin-left: auto;}
     #logotg3{margin-left: 120px;margin-bottom: 40px;width: 300px;height: 150px;}
     #notiziemomento{margin-left: 0px;}
     #merdolina{margin-left: auto;}
     #fedeinfiamme{margin-left: auto;}
     #CaldeCalde{margin-left: auto;}
     #scisma{margin-left: auto;}
     #mappa{margin-left: auto;}
     #imm1{margin-left: 0px;}
     #imm2{margin-left: 0px;}
     #imm3{margin-left: 0px;}
     #imm4{margin-left: 60px;}
     #imm5{margin-left: 180px;}
     #imm6{margin-left: 230px;}
     .videos{margin-left: 0px;}
     #Titolo2{margin-left: auto;}
     #nomi{margin-left: auto;}
     #contact{margin-left: auto;}
     .links{margin-left: auto;}
     .skulls{margin-left: 120px; margin-top: auto;}
     #hens{margin-left: 760px;}
     #giallo{width: 1200px;}
     #rosa{width: 1220px;}
     #kaki{width: 1220px;}
     #nero{width: 1220px;}
     #blue{width: 1220px;}
}


/*VISUALIZZAZIONE DA TABLET*/
@media (max-width: 980px) { 
    #videointro {
        width: 752px;
        height: 423px;
        border: thin solid rgb(255, 140, 0);
        overflow: auto;
        resize: both;
     }
     #introtg{width: 736px;height: 414px;margin-left: 10px;}
     #logotg3{margin-left: 60px;margin-bottom: 50px;width: 250px;height: 100px;}
     #notiziemomento{margin-left: auto;}
     #merdolina{margin-left: auto;}
     #fedeinfiamme{margin-left: auto;}
     #CaldeCalde{margin-left: auto;}
     #scisma{margin-left: auto;}
     #mappa{margin-left: auto;}
     #imm1{margin-left: 0px;}
     #imm2{margin-left: 100px;}
     #imm3{margin-left: 0px;}
     #imm4{margin-left: 250px;}
     #imm5{margin-left: 200px;}
     #imm6{margin-left: 190px;}
     .videos{margin-left: 0px;}
     #Titolo2{margin-left: auto;}
     #nomi{margin-left: auto;}
     #contact{margin-left: auto;}
     .links{margin-left: auto;}
     .skulls{margin-left: 120px; margin-top: auto;}
     #hens{margin-left: 760px;}
     #giallo{width: 980px;}
     #rosa{width: 1000px;}
     #kaki{width: 1000px;}
     #nero{width: 1000px;}
     #blue{width: 1000px;}

}


/*VISUALIZZAZIONE DA MOBILE ORIZZONTALE*/
@media (max-width: 767px) {
    #videointro {
        width: 480px;
        height: 270px;
        border: thin solid rgb(255, 140, 0);
        overflow: auto;
        resize: both;
     }
     #introtg{width: 464px;height: 261px;margin-left: 0px;}
     #logotg3{margin-left: 60px;margin-bottom: 50px;width: 250px;height: 100px;}
     #notiziemomento{margin-left: auto;}
     #merdolina{margin-left: auto;}
     #fedeinfiamme{margin-left: auto;}
     #CaldeCalde{margin-left: auto;}
     #scisma{margin-left: auto;}
     #mappa{margin-left: auto;}
     #imm1{margin-left: 0px;}
     #imm2{margin-left: 0px;}
     #imm3{margin-left: 0px;}
     #imm4{margin-left: 0px;}
     #imm5{margin-left: 0px;}
     #imm6{margin-left: 0px;}
     .videos{margin-left: 0px;}
     #Titolo2{margin-left: auto;}
     #nomi{margin-left: auto;}
     #contact{margin-left: auto;}
     .links{margin-left: auto;}
     .skulls{margin-left: 120px; margin-top: auto;}
     #hens{margin-left: 760px;}
     #giallo{width: 767px;}
     #rosa{width: 787px;}
     #kaki{width: 787px;}
     #nero{width: 787px;}
     #blue{width: 787px;}

}


/*VISUALIZZAZIONE DA MOBILE VERTICALE*/
@media (max-width: 479px) {
    #videointro {
        width: 480px;
        height: 270px;
        border: thin solid rgb(255, 140, 0);
        overflow: auto;
        resize: both;
     }
     #introtg{width: 464px;height: 261px;margin-left: 10px;}
     #logotg3{margin-left: 100px;margin-bottom: 50px;width: 250px;height: 100px;}
     #notiziemomento{margin-left: auto;}
     #merdolina{margin-left: auto;}
     #fedeinfiamme{margin-left: auto;}
     #CaldeCalde{margin-left: auto;}
     #scisma{margin-left: auto;}
     #mappa{margin-left: auto;}
     #imm1{margin-left: 0px;}
     #imm2{margin-left: 0px;}
     #imm3{margin-left: 0px;}
     #imm4{margin-left: 0px;}
     #imm5{margin-left: 0px;}
     #imm6{margin-left: 0px;}
     .videos{margin-left: 0px;}
     #Titolo2{margin-left: auto;}
     #nomi{margin-left: auto;}
     #contact{margin-left: auto;}
     .links{margin-left: auto;}
     .skulls{margin-left: 120px; margin-top: auto;}
     #hens{margin-left: 760px;}
     #giallo{width: 480px;}
     #rosa{width: 500px;}
     #kaki{width: 500px;}
     #nero{width: 500px;}
     #blue{width: 500px;}
}