body {
	background-image:url(background_kilan4.jpg);
	background-position:50% 50%;
	background-repeat: no-repeat;
	background-size : cover;
	background-attachment: fixed;
	background-transparent: 80%;
}

h1 {
	font-family: 'Cookie', Georgia, Times, serif;
	font-size: 60px;
	line-height: 35px;
	text-shadow: 2px 2px 4px white;
}

h2 {
	font-family: 'Cookie', Georgia, Times, serif;
	font-size: 59px;
	line-height: 60px;
}

h3 {
	font-family: 'Cookie', Georgia, Times, serif;
	font-size: 45px;
}

h4 {
	color:black;
	font-size: 16px;
}

h4:hover{
    text-decoration: underline;
	text-decoration-color: black;
}

p1 {
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 25px;
	text-shadow: 2px 2px 4px white;
}

p {
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	line-height: 25px;
	margin-top: 15px;
}

.logo_navbar {
	width: 30px;
	margin : 5px;
}
	
.logo {
	width: 10%;
}
	
.navbar {
	background-color : #29293d;
	border-radius: 0%;
}

.jumbotron {
	color : #8ceb34;
	background-size : cover;
	opacity:0.92;
	box-shadow: 0px 0px 10px 10px rgb(124, 189, 64, 0.50) inset;
	border-radius: 1%;

}	

.container {
	padding : 20px;
	background-color: rgb(124, 189, 64, 0.50);
}

.nom {
	font-size: 65px;
	text-shadow: 2px 2px 4px white;
}

.baby {
	box-shadow: 3px 3px 15px #909090;
	border-radius: 2%;
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.ventre {
	box-shadow: 3px 3px 15px #909090;
	border-radius: 2%;
}


@media (min-width: 768px) {	
	h1 {
	font-size: 110px;
	line-height: 55px;
	}

	p1 {
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	font-size: 40px;
	line-height: 40px;
	}
	
	.nom {
	
	font-size: 70px;
	}
	
	h4 {
	color:black;
	font-size: 20px;
	}
}

@media (min-width: 992px) {
	.images{
		top:250px;
		-ms-transform: translate(0px, -50%); /* IE 9 */
		-webkit-transform: translate(0px, -50%); /* Safari */
		transform: translate(0px, -50%);
	}
}