/******************************************************
********************** res ****************************
******************************************************/
@media only screen and (max-width: 1400px) { 

  .container { width: 92%; }
  .top{ height:280px; }

}



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

  .top{ height:220px; }
  .top-logo-flex{ flex-direction:column; }
  .top-txt{ align-self:flex-start; }
  .top-logo-flex img{ margin-right:25px; margin-left:0px; }

  .lista-albumow{ margin-bottom:50px; }
  .destruction-logo{ width:80%; }
}

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

  .top{ width:100%; height:180px; background: url('../img/header2.jpg') center left no-repeat; background-size:cover; }

  .lista-albumow .album-item { width: 47%; }

}


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

  .top-logo{ font-size:17px;}
  .top-logo-flex img{ width:80px;}
  .top-logo-flex img.myvLogo{ width:55px; margin-right:0px; }  

}


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

  .top{ height:130px; }

}

@media only screen and (max-width: 550px) { 
  .lista-albumow .album-item { width: 100%; }

  .destruction-logo{ width:100%; }
}

@media only screen and (max-width: 520px) { 
  .top{ width:100%; height:90px; background: url('../img/header3.jpg') center left no-repeat; background-size:cover; }
  .top-logo{ bottom:10%; }
  /*
  .top-logos a{ align-self:flex-start; }
  .top-logo-flex img{ width:70px; margin-top: 6px;}
  .top-logo-flex img.myvLogo{ width:45px; margin-right:0px; }  
  .top-logos{ flex-direction: column;}*/
}


@media only screen and (max-width: 520px) { 
  .top{ width:100%; height:65px; background: url('../img/header3.jpg') center left no-repeat; background-size:cover; }
  .top-logo{ bottom:10%; }
  .top-txt{ font-size:11px; }
  .top-logo-flex img{ width:58px; margin-right:15px; }
  .top-logo-flex img.myvLogo{ width:40px; margin-right:0px; }
  
}