/*GENERAL*/

body {
    background: url(../img/background-book-ipad.jpg) center top no-repeat;
}

p {
	font-family: 'Simonetta', cursive;
	font-size:22px;
}

li {
	font-family: 'Simonetta', cursive;
	font-size:22px;
}

a {  
  color: #6b1910;  
 }
  a:hover, a:focus {
    color: #000; 
	text-decoration:none;
	
	}

h1 {
	font-family: 'dragon_is_comingregular';
    font-size: 140px;
    line-height: 70px;
	margin-left:15px;
}

.separator {
    background: url(../img/separator.png) center center no-repeat;
    height: 40px;
    width: 100%;
    margin: 10px 0;

	
}

.content {
	margin-top:-20px;
}

/* FONTS */
@font-face {
    font-family: 'dragon_is_comingregular';
    src: url('dragon_is_coming-webfont.woff2') format('woff2'),
         url('dragon_is_coming-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/***** HEADER *****/
header {
	margin-top:20px;
}

nav {
	/*font-family: 'dragon_is_comingregular';*/
	font-family: 'Simonetta', cursive;
	font-size:26px;		
		margin: 20px 0 20px 0px;
}

nav .sep-menu {
    display: inline-block;
    padding: 0 5px 0 15px;
	line-height:12px;
}

.nav a {
	line-height:12px;
	
}

	header .contact-info, header .logo {
		text-align:center;
		margin-top: 20px;
		margin-bottom: 10px;
	}

/***** HOME *****/
.arbre {
	text-align:center;
}

.arbre img {
    height: 650px;
    margin-top: 30px;
	margin-bottom:30px;
}

.choix {
	font-size: 30px;
	line-height: 60px;
}


/***** GALLERY ******/

.thumbnail {
	background:none!important;
	border:none;
}

.gallery {
	margin-left:-50px;
	margin-top:50px;
}


/******* < 1024px *******/
/************************/
@media screen and (max-width: 1023px) {
	body {
		background: url(../img/background-small.jpg) center top repeat;
	}
	nav {
		text-align:center;
		font-size:18px;		
		margin: 20px 0 20px 0px;
	}
	
	.arbre img {
		height: 420px;
		margin-top: 30px;
	}
	
	.content {
		margin-bottom:50px;
	}
	
	.logo img {
		max-width: 100%;
	}
	
	.gallery {
		margin-left:0px;
		margin-top:0px;
	}
}


/******* = 1024px = (iPad Portrait) *******/
/******************************************/
@media (min-width: 1023px) and (max-width: 1024px) {
	p {	
		font-size:18px;
		margin-bottom:20px;
	}
	
	li {
		
		font-size:18px;
	}
	.content {
		margin-top:-40px;
		margin-bottom:200px;
	}	
	
	header .logo img {
		width: 380px!important;
		margin-left:20px;
	}
	
	header .contact-info {
		
	}
	
	.arbre img {
		height: 480px;
		margin-top: 20px;
	}
	
	nav {		
		
	}
	
	.gallery {
		margin-left:20px;
	}

}

/******* > 1024px *******/
/************************/
@media print, screen and (min-width: 1025px) {
	body {
		background: url(../img/background-book.jpg) center top no-repeat;
	}
	
	.content {
		margin-top:50px;
	}
	
	
	
}

/******* = 1024px = (iPad Portrait) *******/
/******************************************/
@media (min-width: 1025px) and (max-width: 1199px) {
	nav {
		
		
		
	}
}