html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}
html, body {
    overflow-x: hidden;
}
body {
  margin-bottom: 60px;
}
.h4 {
    margin: 0 !important;
}
.collapse.show {
    visibility: visible;
}
.form-control {
    margin-bottom: 0;
}
.form-control:focus {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);
} 
.div-index {
    display: none; /* nasconde il div in tutte le pagine */
}

#index-page .div-index {
    display: block; /* mostra il div solo nella index */
}

#index-page .div-page {
    display: none; /* nasconde il div in tutte le pagine */
}

.div-index {
    /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
    /*background: linear-gradient(-45deg, #3b5998, #2c77b1, #45a2cf, #1fa6c2);*/
    background: linear-gradient(-45deg, #1fa6c2, #45a2cf, #2c77b1, #3b5998 );
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}