.sfondo{
	background: url(../images/sfondo.jpg) center top;
	position: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
  #poligoni canvas{
	top: 0 !important;
    }
.sfondo .main{
	margin-top: 0px;
}
.sfondo form{
	z-index: 2000;
	margin-top: 10%;
    margin-left: -10%;
}
.sfondo legend i{
	margin-right: 5%;
	vertical-align: middle;
	font-size: 23px;
}
.sfondo label h2{
	font-size: 1.5rem;
}
.sfondo .input-group-append{
	margin-left: 3%;
}
.sfondo .btn{
	border-radius: .25rem !important;
}
.sfondo .form-control{
	border-radius: .25rem !important;
}
.sfondo legend img{
	    width: 50%;
}
@media screen and (max-width: 1980px){
	.sfondo form {
        margin-top: 18%;
    margin-left: -27%;
}
.sfondo .barra{
	width: 175%;
}
}
@media screen and (max-width: 1800px){
	.sfondo form {
        margin-top: 16%;
    margin-left: -23%;
}
.sfondo .barra{
	width: 165%;
}
}
@media screen and (max-width: 1700px){
	.sfondo form {
        margin-top: 16%;
    margin-left: -20%;
}
.sfondo .barra{
	width: 150%;
}
}
@media screen and (max-width: 1600px){
	.sfondo form {
        margin-top: 16%;
    margin-left: -17%;
}
.sfondo .barra{
	width: 145%;
}
}
@media screen and (max-width: 1500px){
	.sfondo form {
        margin-top: 16%;
    margin-left: -15%;
}
.sfondo .barra{
	width: 140%;
}
}
@media screen and (max-width: 1400px){
	.sfondo form {
        margin-top: 16%;
    margin-left: -13%;
}
.sfondo .barra{
	width: 130%;
}
}
@media screen and (max-width: 1300px){
	.sfondo form {
        margin-top: 16%;
    margin-left: -10%;
}
.sfondo .barra{
	width: 120%;
}
}
@media screen and (max-width: 1200px){
	.sfondo form {
        margin-top: 18%;
    margin-left: -7%;
}
.sfondo .barra{
	width: 110%;
}
}
@media screen and (max-width: 1130px){
	.sfondo form {
        margin-top: 14%;
    margin-left: -7%;
}
.sfondo .barra{
	width: 100%;
}
}
@media screen and (max-width: 1070px){
	.sfondo form {
        margin-top: 10%;
    margin-left: -5%;
}
.sfondo .barra{
	width: 90%;
}
}
@media screen and (max-width: 1040px){
	.sfondo form {
        margin-top: 8%;
    margin-left: -3%;
}
.sfondo .barra{
	width: 90%;
}
}
@media screen and (max-width: 1000px){
	.sfondo form {
        margin-top: 6%;
    margin-left: -1%;
}
.sfondo .barra{
	width: 90%;
}
}
@media screen and (max-width: 950px){
	.sfondo form {
        margin-top: 4%;
    margin-left: 1%;
}
.sfondo .barra{
	width: 90%;
}
}
@media screen and (max-width: 900px){
	.sfondo form {
    margin-top: 2%;
    margin-left: 1%;
}
.sfondo .barra{
	width: 85%;
}
}
@media screen and (max-width: 730px){
	.sfondo form {
    margin-top: 3%;
    margin-left: 3%;
}
.sfondo .barra{
	width: 85%;
}
}