@font-face { font-family:'DIN-Light'; font-weight:normal; font-style:normal;
    src: url('../fonts/DINNextLTPro-Light.woff2') format('woff2'),
         url('../fonts/DINNextLTPro-Light.woff') format('woff')
}
@font-face { font-family:'DIN-Regular'; font-weight:normal; font-style:normal;
    src: url('../fonts/DINNextLTPro-Regular.woff2') format('woff2'),
         url('../fonts/DINNextLTPro-Regular.woff') format('woff')
}
@font-face { font-family:'DIN-Medium'; font-weight:normal; font-style:normal;
    src: url('../fonts/DINNextLTPro-Medium.woff2') format('woff2'),
         url('../fonts/DINNextLTPro-Medium.woff') format('woff')
}
@font-face { font-family:'DIN-Bold'; font-weight:normal; font-style:normal;
    src: url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'),
         url('../fonts/DINNextLTPro-Bold.woff') format('woff')
}


body { margin:0; padding:100px 0 0; font-family:'DIN-Light', 'Helvetica', Arial, sans-serif; font-size:1em; color:#666; text-align:center }

h1 { margin:0 0 8px; font-family:'DIN-Bold'; font-weight:normal; color:#666 }
h2 { margin:0 0 20px; font-family:'DIN-Regular'; font-weight:normal; color:#999 }
h3 { margin:20px 0 0; font-family:'DIN-Medium'; font-weight:normal }

p { font-size:1.5em }

a { color:#4d4d4d }
a:hover { color:#f80; text-decoration:none }


.responsive { /* width set in media queries */ margin:0 auto }
.content { padding:0 20px }



.company figure { min-height:170px; margin-top:30px; text-align:center; border-radius:20px }
.company figure img { max-width:220px; max-height:140px }


.zclad { background:#5d554a }
.zclad img { margin-top:52px }

.centurystone { background:#6B5F53 }
.centurystone img { margin-top:12px }

.heatlog { background:#D8C5A5 }
.heatlog img { margin-top:50px }

.elementi { background:#efefef }
.elementi img { margin-top:64px }





/* Footer */
.footer-container { padding:20px 0 0 }
.footer { padding-top:12px; color:#999; font-size:160%; text-align:center }
.footer a { display:inline-block; text-decoration:none }
.footer .copyright { text-transform:none }
.footer .credit { font-size:80%; color:#ccc; /* IE Hack for inline-block */ zoom:1; *display:inline }
.footer .credit a { margin:0; color:#ccc }
.footer a:hover { color:#333 }


/* Misc */
.clear { clear:both }
.floatright { float:right }
.floatleft { float:left }
.trace { border:1px solid red }







/* Smartphones (col-xs-) */
@media screen and (max-width:767px) {
	.responsive { max-width:460px }
	.company { margin-bottom:50px }
}


/* Tablets and smart phones (col-sm-)*/
@media screen and (min-width:768px) and (max-width:991px) {
	.responsive { width:700px }
	p { font-size:1.4em }
	.company figure img { max-width:180px; max-height:120px }
	.zclad img { margin-top:58px }
	.centurystone img { margin-top:22px }
	.elementi img { margin-top:70px }
}


/* Smaller displays like laptops and portrait tablets (col-md-) */
@media screen and (min-width:992px) and (max-width:1199px) {
	.responsive { max-width:980px }
	p { font-size:1.4em }
}


/* Larger displays (col-lg-) */
@media screen and (min-width:1200px) {
	.responsive { max-width:1170px }

/* FOR TESTING */

}