/*Медиазапросы*/
@media (min-width: 1920px) {
    .box {
       text-transform: uppercase;
       text-align: center;
        
    }
    video { 
        position: relative;
        left: 250px;
    }
    .concrete_art {
        position: relative;
        left: 200px;
    }
    
    .greensmoker {
        position: relative;
        left: 300px;
    }
    .ConcreteCubism {
      position: relative;
      left: 320px;
    }
    .covers {
      position: relative;
      left: 200px;
    }
    .Art-history {
      position: relative;
      left: 200px;
    }

    
}
 @media (max-width: 480px) {
    .box {
      text-align: center;
    }
    video {
      width: 100%;
      height: auto;
    }
   }