body {
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.cp_logo {
	
	
	width: 300px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
}

/*----------*/

/* Smartphones (portrait) ----------- */

.cp_logo2 {
	
	width: 80%;
	margin-left: 10%;
}

/* Ipad2 (portrait) ----------- */
@media only screen and (min-width : 768px){
	
	.cp_logo2 {
	
	width: 100%;
	margin-left: 0%;
	}

}

/* Ipad2 (paysage) ----------- */
@media only screen and (min-width : 1024px){
	
	.cp_logo2 {
	
	width: 60%;
	margin-left: 20%;
	}

}

/* Ordi (Petit) ----------- */
@media only screen and (min-width : 1224px){
	
	.cp_logo2 {
	
	width: 40%;
	margin-left: 30%;
	}

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1824px){
	
	.cp_logo2 {
	
	width: 20%;
	margin-left: 40%;
	}

}