/* Colors : 
 * Light green : #b3ce52 / rgba(179, 206, 82, 1)
 * Green : #81B425 / rgba(129, 180, 37, 1)
 * Dark gray : #565a5c
 * Bleu ciel : #58b3dd / rgba(88, 179, 221, 1)
 * Bleu : #2680a3 / rgba(38, 128, 163, 1)
 * Bleu marine : #0b2c3d / rgba(11, 44, 61 ,1)
 */

/* Breakpoints : 1em = 16px
 * 80em (1280px)
 * 60em (960px)
 * 40em (640px)
 * primary = 60% = 768px sur 1280px (5% de padding gauche et droite sur 768px = 38,4px x 2 = 76,8px - 768px = environ 691px)
 * secondary = 40% = 512px sur 1280px (5% de padding gauche et droite sur 512px = 25,6px x 2 = 51,2px - 512px = environ 460px)
 */
 
/* ------------------------------------------------------------------ */

html{}
body{font: normal 16px/1.5 'Raleway', sans-serif!important;}

/* Flex sticky footer ----------------------------------------- */
body { margin:0;display: flex;min-height: 100vh;flex-direction: column; /* this is for flex sticky footer */}


h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1.00em;}
h5 {font-size: 0.83em;}
h6 {font-size: 0.67em;}

header{}
.header-container{background: #f5f5f5 url("images/header-bg.jpg") no-repeat fixed center center / cover;width:100%;height:200px;display:flex;align-items:center;justify-content:center;}
@media screen and (min-width: 60em) {/* = or > 960px */
	.header-container{height:400px;}
	}
@media screen and (min-width: 80em) {/* = or < 1280px */
	}
@media screen and (max-width: 40em) {/* = or < 640px */
	}


.header-container h1{font-family: 'Kaushan Script', cursive;color:#FFF;text-align:center;}


main{max-width:1280px;margin:auto;}
.site-content {flex: 1; /* this is for flex sticky footer */padding: 0;}
.image-background{max-width:100%;}

footer{}
.footer-container{color:#fff;background: #333 no-repeat scroll center center / cover;width:100%;height:200px;}