@media screen and (max-width:1024px){ 
    .paragrafo{
        margin-left: 20px;
        margin-right: 20px;
        font-size: 15px;
    }

    .titoloSezioneTesto{
        font-size: 40px;
        margin-top: 50px
    }

    .menu li a{
        font-size: 20px;
        padding: 15px;
    }

}

@media screen and (max-width: 768px){
    .titoloIntestazione{
        font-size: 80px;
    }

    #slide1{
        padding: 30px 0;
    }
    #slide1 a span {
        top: 50px;
        border-left: 3px solid #fff;
        border-bottom: 3px solid #fff;
    }
}

@media screen and (max-width: 520px){
    .titoloSezioneTesto{
        font-size: 30px;

    }

    #paragrafo{
        margin-left: 5px;
        margin-right: 5px;
        font-size: 15px;
    }

    #titoloIntestazione{
        font-size: 80px;
    }

    .titoloSezioneImmagine{
        font-size: 30px;
        padding-top: 150px;
        padding-bottom: 150px;
    }

    header label{
        display: block;
    }


.topnav a:not(:first-child) {display: none;}

.topnav a.icon {
    float: right;
    display: block;
}

.topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    transition-property: color;
  	transition-duration: 1s;
  }
  
 .iframe-plotly
{
	width:	90%;
	height:	220px;
	margin-left: 5%;
	margin-right: 5%;
}

.divRight{
	width					: 100%;
	height					: 30%;
	margin-right			: 0;
	margin-left				: 0;
	margin-top				: 10%;
	float					: left;
}

.divLeft{
	width					: 100%;
	height					: 30%;
}

.sectionTitle{
	font-size				: 20px;
	height					: 10%;
	margin-top				: 10%;
}

.slide{
	height: 600px;
}

}