@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* poi il resto del tuo CSS */
body {
    font-family: "Poppins", "Hoefler Text", "Liberation Serif", "Times New Roman", Times, serif;
}
@media all and (max-width: 480px){
.bg {
	padding:0px !important;
	background: url("../img/img-sfondo-server-mail.jpg") no-repeat left center fixed !important;	
}
}
@media all and (max-width: 1024px){
h1 {
	font-size: 30pt !important;
}
p {
	font-size: 15pt !important;
}
}
.bg {
	background: url("../img/img-sfondo-server-mail.jpg") no-repeat center center fixed;
	position: relative;
    margin: 0 auto;
    background-size: cover !important;
    padding: 0 10%;
    height: 100vh;
	backdrop-filter: brightness(60%);
}
#sec1 {
	padding: 30px;
    border-radius: 20px;
    margin: 0 auto;
    max-width: 70%;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
    height: 100%;
	text-align: center;
}
h1 {
	color: white;
	font-size: 50pt;
	font-family: "Poppins", "Hoefler Text", "Liberation Serif", "Times New Roman", Times, serif;
}
p {
	font-family: "Poppins", "Hoefler Text", "Liberation Serif", "Times New Roman", Times, serif;
	color: white;
	font-size: 20pt;
}