/* CSS Document */



.M1logo {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(../images/m1Logo.png);
    background-position: right top;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 90000000;
}

.M1logo img{
    width: 100%;
}


/*XXS*/
@media (max-width: 480px) {

    body{
        font-size: 14px;  
    }
    .M1logo {
      left: -80px;
      width: 200px;
		top:-1px;
    }
    
}
/*XS*/
@media (min-width: 481px) and (max-width:767px){
 
    .M1logo {
      left: -60px;
      width: 250px;
    }

}

/*SM*/
@media (min-width: 768px) and (max-width:992px){
    
    .M1logo {
      left: -60px;
      width: 300px;
    }
    

}
/*MD*/
@media (min-width: 993px) and (max-width:1200px){
    
    .M1logo {
      left: -30px;
      width: 300px;
    }
    

}

/*LG*/
@media (min-width: 1201px) and (max-width:1399px){
    
    .M1logo {
        left: -80px;
        width: 300px;
    }
    

}

/*LLG*/
@media (min-width: 1400px) and (max-width:1600px){
    
    .M1logo {
        left: -10px;
        width: 350px;
    }
    
}

/*LLLG*/
@media (min-width: 1600px) {
    
    .M1logo {
      left: 0px;
      width: 365px;
    }
    

}