/* page accueil amac (voir js/jquery.parallax-1.1.3.js - js/template.js */
/* cache le mini logo dans la barre de menu */
.navbar-brand img {
	/*display: none;*/
}
/*** Header ***/

#head-potherat {
	background: transparent url(../images/header/fond-header.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
}

#example {
  // background fixed and background cover don't play nicely together on iOS. So background is fixed only on desktops.
  /* XXS */ @media only screen and (min-width : 320px)  {} // background isn't fixed here.
  /* XS  */ @media only screen and (min-width : 480px)  {} // background still isn't fixed here.
  /* SM  */ @media only screen and (min-width : 768px)  {} // background still isn't fixed here.
  /* MD  */ @media only screen and (min-width : 992px)  {background-attachment: fixed;} // Ok NOW the background is fixed.
  /* LG  */ @media only screen and (min-width : 1200px) {} // background is STILL fixed here.
}

/*** Logo ***/	

#menuiserie {
	background: transparent url(../images/header/logo-potherat-menuiserie.svg);
}

#trait {
	background: transparent url(../images/header/logo-potherat-trait.svg);
}

#sarl {
	background: transparent url(../images/header/logo-potherat-sarl.svg);
}

#menuiserie, #trait, #sarl {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100%;
}