@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	height: 100%;
	font-family: Oswald,inherit;
}


.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.color-pink{
 	color:#dc143c !important;
}

/* FULLPAGE */
@media screen and (min-width: 760px){
/*Adding background for the slides
	* --------------------------------------- */
	#slide1{
		background-image: url(images/slide1.png);
		background-repeat: no-repeat;
		background-size: cover;
		font-family: Oswald,inherit;
		background-position: center right;
	}
	#slide2{
		background-image: url(images/slide2.png);
		background-repeat: no-repeat;
		background-size: cover;Ò
		font-family: Oswald,inherit;
		background-position: center right;
	}
	#slide3{
		background-image: url(images/slide3.png);
		background-repeat: no-repeat;
		background-size: cover;Ò
		font-family: Oswald,inherit;
		background-position: center right;
	}
}
@media screen and (max-width: 580px){
	#slide1{
		background-image: url(images/slide1-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		font-family: Oswald,inherit;
		background-position: center right;
	}
	#slide2{
		background-image: url(images/slide2-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;Ò
		font-family: Oswald,inherit;
		background-position: center right;
	}
	#slide3{
		background-image: url(images/slide3-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;Ò
		font-family: Oswald,inherit;
		background-position: center right;
	}
}

/*
a {
	text-decoration: none; 
	color : #dc143c;	
}
a:hover {
	color : #dc143c;
}
*/
.message {
	background-color : red; 
	border-radius: 20px;
	padding : 10px;
	color : white;
	width: 50%;
	
	
  animation-iteration-count: 3;
	animation-name: heartBeat;
  animation-duration: 1s;
	
}

.titre 
  animation-name: fadeIn;
  animation-duration: 4s;
}

.blog-smartphone {
	
	
	
	
	background-color : gray;
	background: url(images/phone-mockup-det.png) center center no-repeat;
	background-size : contain;
	width: 100%;

top: 0;

left: 0;
}

.slider {
	animation-name: slideInRight;
  animation-duration: 2s;
}

.contenu-smartphone {
	border: 3px solid
#000;

border-radius: 12px;

height: 605px;

background-color:
white;

margin-top: 25px;
}

.slide-smartphone {
/*height: 594px;*/

overflow: hidden;

border-radius: 40px;

width: 80%;

	margin-left : 40px;
padding: 0px 20px 20px 20px;
	
}
.bouton-smartphone {
	padding-top: 25px;
}
.bouton-gsm {
	color : #fff !important;
	border-radius : 10px;
	margin : 3px;
	padding : 6px;
	background-color: #dc143c;
}

.bouton-gsm:hover {
	background-color: #F0160D;
}

.bouton {
	margin-left: 35%;
text-transform: uppercase;
}

.logo-cv {
	width: 10%;
	background-color :#fff;
	border-radius:12px;
	padding :10px;
}

@media screen and (min-width: 760px) and (max-width: 1265px){
  .slide-smartphone {
    padding : 0px 20px 20px 20px;
	 
  }
	.message {
		width: 80%;
	}
	.titre {
		color : #fff !important;
	}
	.logo-cv {
		width :20%;
		padding: 5px;
		margin-top: 5px;
	}
}

@media screen and (min-width: 581px) and (max-width: 760px){ 
.message {
		width: 80%;
	}
	h1 {
		  font-size: 1.5rem;
		  
			  
	  } 
	  h2 {
		  font-size: 1.3rem;
		  
	  }
	h3 {
		  font-size: 1rem;
		
	  } 
	.titre {
    background-color: rgba(72,69,69,0.65);
	  color : #fff !important;
	  padding : 15px;
	  border-radius : 12px;
	  width : 94%;
	}
	.logo-cv {
		width :25%;
	}
}

@media screen and (max-width: 580px){
  .titre {
    background-color: rgba(72,69,69,0.65);
	  color : #fff !important;
	  padding : 15px;
	  border-radius : 12px;
	  width : 94%;
	}
	  
	  h1 {
		  font-size: 1.6rem;
		  text-align: center;
			  
	  } 
	  h2 {
		  font-size: 1.4rem;
		  text-align: center;
	  }
	h3 {
		  font-size: 1rem;
		text-align: center;
	  } 
	
	.message {
		width : 80%;
		margin: auto;
		margin-top : 80px;
	}
	.bouton {
		margin-left :28%;
	}
	.logo-cv {
		width :50%;
	}
  
}