body{


/* width: 100%;
height: 100%; */
background-image: url('SFONDO_FAMIGLIA.png') ;
/* Background image is centered vertically and horizontally at all times */
background-position: center center;
  
/* Background image doesn't tile */
background-repeat: no-repeat;

/* Background image is fixed in the viewport so that it doesn't move when 
   the content's height is greater than the image's height */
background-attachment: fixed;

/* This is what makes the background image rescale based
   on the container's size */
background-size: cover;

/* Set a background color that will be displayed
   while the background image is loading */
background-color: #464646;
}

#logo{
    width:40%;
    margin-top: 40px;
}
#riqualifica{
    width:30%;
}
#qualifica{
    margin-bottom:10px;
    
    
}
fieldset {
    border: 2px solid #FFF;
}
legend{
    color:white;
    width:40%;
}
.col-center{
    text-align: center;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35px; /* Set the fixed height of the footer here */
    /* line-height: 60px; Vertically center the text there */
    background-color: #013A58;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
  }
  .navbar-custom{
    position: absolute;
    top: 0;
    width: 100%;
    height: 35px; /* Set the fixed height of the footer here */
    /* line-height: 60px; Vertically center the text there */
    background-color: #9C9E9F;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.row-margin{
    /* margin-top:10%; */
    color:white;
}
  .separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #fff;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}

.loghi{
    
    width: 30%;
}
.col-loghi{
    margin-top: 10px;
    align-items: center;

}
.bottom-space{
    width:95%;
    position:absolute;
    bottom: 40px;
    margin-left:2%;
}
#button-info{
    background-color: #9C9E9F;
    border-radius: 5px;
    color:white;
    width:10rem;
    /* margin-top: 10%; */
}

[class*="col-"] {
    width: 100%;
  }
  
  @media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
  }
  @media only screen and (max-width: 600px) {
    #button-info{
        background-color: #9C9E9F;
        border-radius: 5px;
        color:white;
        width:10rem;
    }
    .loghi {
        width:100%;
        margin-left:-5px;
    }
    .bottom-space{
        width:91%;
        position:absolute;
        bottom: 70px;
        margin-left:2%;
    }
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 70px; /* Set the fixed height of the footer here */
        /* line-height: 60px; Vertically center the text there */
        background-color: #013A58;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        text-align: center;
      }
      #logo{
        width:100%;
        margin-top: 40px;
    }
    #riqualifica{
        width:100%;
        /* bottom:40px; */
    }
    #qualifica{
        margin-bottom:10px;
        margin-left:-5px;
    }
    legend{
        color:white;
        width:94%;
        font-size: 10pt;
    }
  }