/* Base structure frame */
.base-frame {
    height: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    /*padding: 0 2%;  verificare spazio */
    margin: auto;
    /* background-color: blueviolet;  remove */
}
/* This class allows to have a left - right padding on the page */
.frame-padding {
    padding: 0 2%;
}
/* This class allows to center the content */
.frame-center-content {
    justify-content: center;
}
/* This is a dynamic frame that use the full width of the page */
.dynamic-frame {
    width: 100vw;
    background-color: #080410;
}
/* This is a fix frame at 1920px max */
.large-frame {
    max-width: 1920px;
    background-color: #080410;
}
/* This is a fix frame at 1600px max */
.medium-frame {
    max-width: 1600px;
    background-color: #080410;
}
/* This is a fix frame at 1280px max */
.small-frame {
    max-width: 1280px;
    background-color: #080410;
}
/* This is a fix frame at 980px max */
.xsmall-frame {
    max-width: 980px;
    background-color: #080410;
}



/* Space 480 uses a 1/4 HD browser width */
@media (max-width: 980px) {
    /*.base-frame {
        flex-wrap: nowrap;
    }
}
@media (max-width: 640px) {
    .base-frame {
        flex-wrap: wrap;
    }*/
}