/*@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:300,400&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200,600,500,700);
@font-face {
  font-family: 'Dosis-light';
  src: url('font/Dosis-Light.otf ');
}*/

html {
    height: 100%;
}

body {
    height: 100%;
}

#centrale {
    min-height: 75%;
}

img.quadro_grande {
    display: block;
    max-width: 98%;
    height: auto;
    margin: 3% auto 0% auto;
}

a.bottone-back {
    margin-top: 5%;
}

a.bottone-back img {
    width: 60px; height: auto;
}

#nota_misure div {
    font-family: 'Raleway';
width: 90%;
padding: 2% 5% 2% 5%;
background-color: gainsboro;

}

#nota_misure a:link,#nota_misure a:visited,#nota_misure a:active {
color: black;
}

#nota_misure a:hover {
  color: darkgray;
}

/*INIZIO MOBILE#############*/ @media screen and (max-width: 899px) {

    #firma {

    margin-bottom: 6%;

}

    h1, h2 {
        display: none;
    }

    body {
        text-align: center;
    }

.ref_quadro {text-align: inherit; font-family: 'Raleway', sans-serif; font-size: 100%; margin-top: 2%; font-weight: 200; }

.titolo_quadro {text-align: inherit;font-family: "Josefin Sans";font-size: 200%;
    font-weight: 100;margin: 3% auto; }

.size_cm,.size_in {
        font-family: 'Raleway', sans-serif;
        font-size: 100%;
        font-weight: 100;

    }

    button {
        display: block;
        margin: 6% auto 5% auto;
    }

    .size_in {
        margin-bottom: 4%;
    }

    #nota_misure div {
    font-size: 70%;
}

}


/*   inizio DESK###############################*/

@media screen and (min-width:900px) {
    body {
        text-align: center;
    }

    #firma {

    margin: 20px 2.5% 6% 2.5%;

}


.ref_quadro {text-align: inherit; font-family: 'Raleway', sans-serif; font-size: 120%; margin-top: 2%; font-weight: 200; }

.titolo_quadro {text-align: inherit;font-family: "Josefin Sans";font-size: 250%;
    font-weight: 100;margin: 1% auto; }

.size_cm,.size_in {
        font-family: 'Raleway', sans-serif;
        font-size: 100%;
        font-weight: 100;

    }

    .size_in {
        margin-bottom: 4%;
    }

    button {
        display: block;
        margin: 6% auto 5% auto;
    }


} /*    FINE DESK ##########################################*/