/*  CSS document  */
@CHARSET "UTF-8";

/* 550px */
@media screen and (max-width: 34.38em) {
	
	section > figure.catalogue {
		padding-left: 40px;
		padding-right: 40px;		
	}
	section > figure.catalogue a.order {
		right: 12%;
	}
	
	footer > ul.social > li.separator > span {
		display: none;
	}
	
}

/* 450px */
@media screen and (max-width: 28.14em) {
	
	main > ul > li > ul {
		flex-wrap: wrap;	
	}
	main > ul > li > ul > li > p {
		padding-top: 5px;
	}
	
	section > figure.catalogue {
		padding-bottom: 100px;
	}
	section > figure.catalogue img.free {
      right: 5%;
      bottom: 65px;
   }
	section > figure.catalogue a.order {
		right: 11%;
		bottom: 15px;
		font-size: 11pt;
	}
	
}

/* 350px */
@media screen and (max-width: 21.88em) {
	
	header > p > strong {
		display: none;
	}

	#page nav {
		font-size: 10pt;
	}

	section > figure.catalogue {
		padding-left: 20px;
		padding-right: 20px;		
	}
	section > figure.catalogue img.free {
      right: 5%;
      bottom: 70px;
   }
	section > figure.catalogue a.order {
		right: 10%;
		font-size: 10pt;
		bottom: 25px;
	}
		
}