.slider-panbeton {
position:relative;
max-width:100%;	
height:380px;
min-height:100px;
max-height:500px;
margin-top:132px;
margin-left:0;
background-image:url("panneaux-de-beton-outremont-montreal.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
opacity:1.00;
display:block;
z-index:2;
}

.slider-panbeton-logo-01 {
position:absolute;	
max-width:444px;
width:444px;
height:auto;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-222px;
animation:panbeton;
animation-delay:0.50s;
animation-duration:4.00s;
animation-iteration-count:1;
animation-timing-function:linear;
animation-fill-mode: forwards;
opacity:0.00;
z-index:5;
}

@keyframes panbeton {
0% {opacity:0;}
100% {opacity:1;}
}







@media only screen and (max-width: 1800px) {

.slider-panbeton {	
height:370px;
}

.slider-panbeton-logo-01 {
width:440px;
margin-top:-100px;
margin-left:-220px;
}	

}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {

.slider-panbeton {
margin-top:131px;
height:365px;
}	

.slider-panbeton-logo-01 {
width:440px;
margin-top:-95px;
margin-left:-220px;
}	

}





/* 1600 x 900 */
@media only screen and (max-width: 1600px) {

.slider-panbeton {
margin-top:129px;
height:360px;
}	

.slider-panbeton-logo-01 {
width:440px;
margin-top:-90px;
margin-left:-220px;
}	

}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {
	
.slider-panbeton {
margin-top:125px;
height:350px;
}	

.slider-panbeton-logo-01 {
width:430px;
margin-top:-85px;
margin-left:-215px;
}	

}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {
		
.slider-panbeton {
margin-top:112px;
height:345px;
}	

.slider-panbeton-logo-01 {
width:420px;
margin-top:-85px;
margin-left:-210px;
}	

}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {

.slider-panbeton {
margin-top:110px;
height:330px;
}	

.slider-panbeton-logo-01 {
width:410px;
margin-top:-80px;
margin-left:-205px;
}	

}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {
	
.slider-panbeton {
margin-top:110px;
height:320px;
}	

.slider-panbeton-logo-01 {
width:400px;
margin-top:-75px;
margin-left:-200px;
}			

}





@media only screen and (max-width: 1200px) {

.slider-panbeton {
margin-top:95px;
height:300px;
}	

.slider-panbeton-logo-01 {
width:380px;
margin-top:-70px;
margin-left:-190px;
}				

}




@media only screen and (max-width: 1100px) {
	
.slider-panbeton {
margin-top:94px;
height:270px;
}	

.slider-panbeton-logo-01 {
width:350px;
margin-top:-65px;
margin-left:-175px;
}	

}






/* 1024 x 768 */
@media only screen and (max-width: 1050px) {

.slider-panbeton {
margin-top:0px;
height:250px;
}	

.slider-panbeton-logo-01 {
width:340px;
margin-top:-65px;
margin-left:-170px;
}				

}




/* 960 x 600 */
@media only screen and (max-width: 980px) {

.slider-panbeton {
height:230px;
}	

.slider-panbeton-logo-01 {
width:320px;
margin-top:-60px;
margin-left:-160px;
}		

}




@media only screen and (max-width: 900px) {
	
.slider-panbeton {
height:210px;
}	

.slider-panbeton-logo-01 {
width:300px;
margin-top:-55px;
margin-left:-150px;
}		

}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) {

.slider-panbeton {
height:190px;
}	

.slider-panbeton-logo-01 {
width:280px;
margin-top:-50px;
margin-left:-140px;
}			

}





@media only screen and (max-width: 700px) {
	
.slider-panbeton {
height:190px;
}	

.slider-panbeton-logo-01 {
width:250px;
margin-top:-45px;
margin-left:-125px;
}		

}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

.slider-panbeton {
height:190px;
}	

.slider-panbeton-logo-01 {
width:270px;
margin-top:-50px;
margin-left:-135px;
}		

}




@media only screen and (max-width: 550px) {
	
.slider-panbeton {
height:185px;
}	

.slider-panbeton-logo-01 {
width:260px;
margin-top:-50px;
margin-left:-130px;
}		

}




/* 480 x 853 */
@media only screen and (max-width: 500px) {

.slider-panbeton {
height:180px;
}	

.slider-panbeton-logo-01 {
width:250px;
margin-top:-50px;
margin-left:-125px;
}		

}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {

.slider-panbeton {
height:170px;
}	

.slider-panbeton-logo-01 {
width:240px;
margin-top:-45px;
margin-left:-120px;
}	

}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {
	
.slider-panbeton {
height:160px;
}	

.slider-panbeton-logo-01 {
width:230px;
margin-top:-45px;
margin-left:-115px;
}	

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {

.slider-panbeton {
height:130px;
}	

.slider-panbeton-logo-01 {
width:220px;
margin-top:-40px;
margin-left:-110px;
}	


}




@media only screen and (max-width: 300px) {

.slider-panbeton {
height:120px;
}	

.slider-panbeton-logo-01 {
width:210px;
margin-top:-40px;
margin-left:-105px;
}	

}




@media only screen and (max-width: 280px) {

.slider-panbeton {
height:115px;
}	

.slider-panbeton-logo-01 {
width:210px;
margin-top:-40px;
margin-left:-105px;
}		

}