Salve sto impazzendo con un codice css per il mio logo .
Il problema non nasce quando dimensiono la finestra allora va tutto ok ma quando lo pubblico ed mi collego con il mio telefonino e tablet il logo non si adatta
il mio sito è http://www.dinapoliandrea.com
posto anche il codice con media query 1200
codice:
@media only screen and (min-width: 1200px) {        
        body{
            background: #ffffff;
            
        }

        .center {
               
               margin-left: auto;
               margin-right: auto;
               width: 80%;
               height: 1000px;
               border: 3px solid green;
               padding: 10px;
             }


             #sfondo-intestazione {
                margin-left: auto;
               margin-right: auto;
               width: 100%;
               height: 800px;
               
}


#logo { 
  position: absolute; 
  top: 11%;
  left: 11%; 
  box-shadow: 0 8px 16px 0 rgba(228, 220, 220, 0.2), 0 6px 20px 0 rgba(233, 224, 224, 0.19); 
  width: 150px; 
  height: 150px; 
}





      /* fine 1200 ---------- */ 

    }
codice HTML:
<div class="center">    <img id="sfondo-intestazione" src="Immaginidelsito/sfondo.png">      
<a href="index.html"><img id="logo" src="Immaginidelsito/logo.png"></a>     <!-- ::::::::::::::sotto il div centrato:::::::::::::: -->                                       </div>