/* NAVBAR */
@import url("../navbar.css");


/* PRODOTTO */
@import url("typography_prodotto.css");
@import url("colonnasx_prodotto.css");
@import url("colonnadx_prodotto.css");
@import url("buttons_prodotto.css");
@import url("prodotticonsigliati_prodotto.css");
@import url("normalize_prodotto.css");
@import url("footer_prodotto.css");


/* GLOBALE */
@import url("../iconeftgs.css");
@import url("../brand.css");
@import url("roboto.css");
@import url("socializer.min.css");
@import url("style.css");





html {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    /* padding-top: 40px; */
    /* overflow: hidden; */
    background-color: var(--clr-sfondo-dark);
    background-attachment: fixed;
    background-image: url("../../src/img/bg/39652.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}

#menu{
    display: none;
}


.main{
    margin-top: 1em;
    
}

.container {
    /* border: solid gold; */
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}



@media screen and (max-width: 800px) {

.container{
    width: 95%;
    background-color: .5;
    display: -ms-grid ;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
            "logo"
            "article"
 
}

#logoAside{
    position: static;
    margin: 0 auto;
    grid-area: "logo";
}

article{
    grid-area: "article";
    position: static;
    margin: 2em auto;
    padding: 1.5em !important;
    box-shadow: none;
    border-radius: .7em;
}

    /*
    background-color: var(--bg-sezione);
    -ms-flex-preferred-size: 75%;
    max-width: 900px;
    z-index: 2;
    margin: 0 auto 0 calc(1em + 300px); 
    */

}