body {

font-family: 'VistaBold', arial, helvetica;

background-color: #33bde1;

}
.count {width : 60%;
background-color : #fff;
text-align : center;
color : #fff;
margin : 0 auto;
font-family: 'VistaBold', arial, helvetica;
transform-origin: 50% 50%;
transform: rotate(-2deg);
  background-size: 100% auto;
}
.top {width : 100%;
height : 300px;
margin-top: 40px;
 background:url("img/2023/top.png") 5% 7%  no-repeat #33bde1;
  display:block;
  background-size: 100% auto;
  
  }

h1 {  
font-size : 20em !important;
margin-bottom : 0px !important;
margin-top : -80px !important;
color : #261e69 !important;
 }
 h2{
float : right;
font-size : 5.2em !important; 
background-color: #fff;
color : #261e69 !important;
width : 470px;
margin-top: -30px !important;
margin-right: 0%;
text-align : center;
padding : 20px;
text-transform : lowercase !important;
transform-origin: 50% 50%;
transform: rotate(-2deg);

 }
footer { 
position: absolute;
    /*bottom: 0;*/
	bottom : auto;
	padding : 20px;
	width : 100%;}
	a {color : #261e69;}
	
.lien{background:url("img/2023/fab.png") 0 bottom  no-repeat;
  display:inline-block;
width: 33%;
    height: 400px;
	 background-size: 100% auto;}	
.logo {  background:url("img/2023/logo.png") 80% bottom no-repeat;
  display:inline-block;
 width: 33%;
    height: 270px;
	background-size: 100% auto;

	}
.img{
background:url("img/2023/hommes.png") 10% bottom no-repeat;
  display:inline-block;
width: 33%;
    height: 1500px;
	background-size: 100% auto;
	}

	
@media screen and (max-width: 1200px) {
.lien, .logo, .img{display : block !important;
width : 100%;}

.top {
 background:url("img/2023/top_mobile.png") 10% no-repeat #33bde1;
 background-size: 100% auto;}
 .lien{background:url("img/2023/fab.png") 50% bottom  no-repeat;
}	
.count {
width : 100%;


margin-top : 120px !important;
}
 .img{
background:url("img/2023/hommes.png") 10% bottom no-repeat;
  display:inline-block;
width: 33%;
    height: 400px;
	background-size: 100% auto;
	}
.img img{margin :0 0 !important;}
.img {background-size: 65% auto;}
footer {
padding-top : 240px;
position : relative !important;
width : 100% !important;
margin : 0 auto !important;
}


}
@media screen and (min-width: 600px) AND (max-width: 1200px) {

h1 {font-size : 15em !important;}
}

.img{
background:url("img/2023/hommes.png") 10% bottom no-repeat;
  display:inline-block;
width: 33%;
     object-fit: fill; 
	background-size: 100% auto;
	}


}
@media screen and (max-width: 600px) {

.img{
background:url("img/2023/hommes.png") 10% bottom no-repeat;
  display:inline-block;
width: 33%;
    height: 700px;
	background-size: 100% auto;
	}

	
.lien, .logo, .img{display : block !important;
width : 100% !important;}
.logo{
background:url("img/2023/logo.png") 50% bottom no-repeat;
}
.top {
 background:url("img/2023/top.png") 50% 7%  no-repeat #33bde1;}
 .lien{background:url("img/2023/fab.png") 50% bottom  no-repeat;
}	

h1 {  

font-size : 10em !important;}

h2 {font-size : 4em !important;}
}
}