@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Solano'; /*a name to be used later*/
    src: url(MVB-SolanoGothicMVB-Md.otf); /*URL to font*/
}

* { margin: 0; padding: 0;}

body {font-family: 'Solano', Arial, Helvetica, sans-serif; color: #4b4b4b; background:url(images/bg-bois.jpg) left 1248px repeat-y;}

#container { width: 400px; padding: 0 0 60px 560px; background:url(images/totem.jpg) top left no-repeat;}
#logo img { width: 173px; height: 84px; margin: 60px 0 50px 0;}

h1 { color: #005395; font-weight: normal; font-size: 80px; text-transform: uppercase; line-height: 60px;}
h2 { color: #868686; font-weight: normal; font-size: 60px; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px;}

@media all and (max-width : 960px) {
	body { background: none;}
	#container { width: 90%; padding: 0 5%; background:none;}
}


@media all and (max-width : 500px) {
	h1 { font-size: 60px; line-height: 60px;}
	h2 { font-size: 40px;}
}