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

.slider-microbeton-logo-01 {
position:absolute;	
max-width:736px;
width:736px;
height:auto;
top:50%;
left:50%;
margin-top:-80px;
margin-left:-368px;
animation:microbeton;
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 microbeton {
0% {opacity:0;}
100% {opacity:0.80;}
}







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

.slider-microbeton {	
height:370px;
}

.slider-microbeton-logo-01 {
width:720px;
margin-top:-80px;
margin-left:-360px;
}	

}



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

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

.slider-microbeton-logo-01 {
width:700px;
margin-top:-80px;
margin-left:-350px;
}	

}





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

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

.slider-microbeton-logo-01 {
width:670px;
margin-top:-80px;
margin-left:-335px;
}	

}



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

.slider-microbeton-logo-01 {
width:640px;
margin-top:-70px;
margin-left:-320px;
}	

}




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

.slider-microbeton-logo-01 {
width:610px;
margin-top:-70px;
margin-left:-305px;
}	

}




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

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

.slider-microbeton-logo-01 {
width:580px;
margin-top:-65px;
margin-left:-290px;
}	

}




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

.slider-microbeton-logo-01 {
width:560px;
margin-top:-60px;
margin-left:-280px;
}		

}





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

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

.slider-microbeton-logo-01 {
width:540px;
margin-top:-55px;
margin-left:-270px;
}					

}




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

.slider-microbeton-logo-01 {
width:510px;
margin-top:-50px;
margin-left:-255px;
}		

}






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

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

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

}




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

.slider-microbeton {
height:230px;
}	

.slider-microbeton-logo-01 {
width:480px;
margin-top:-50px;
margin-left:-240px;
}			

}




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

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

}




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

.slider-microbeton {
height:190px;
}	

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

}





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

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

}





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

.slider-microbeton {
height:180px;
}	

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

}




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

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

}




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

.slider-microbeton {
height:180px;
}	

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

}




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

.slider-microbeton {
height:170px;
}	

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

}




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

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

}




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

.slider-microbeton {
height:130px;
}	

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


}




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

.slider-microbeton {
height:120px;
}	

.slider-microbeton-logo-01 {
width:200px;
margin-top:-20px;
margin-left:-100px;
}

}




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

.slider-microbeton {
height:115px;
}	

.slider-microbeton-logo-01 {
width:190px;
margin-top:-15px;
margin-left:-95px;
}	

}