link rel="stylesheet" media="screen and (min-width: 0px) and (max-width: 481px)" href="css/smartphone.css";
      link rel="stylesheet" media="screen and (min-width: 481px) and (max-width: 768px)" href="css/tablet.css";



      @media screen and (orientation: portrait){
        #kontener{
        border: 10px solid teal;
        }
      }

      @media screen and (orientation: landscape){
        #kontener{
        border: 100px solid teal;
        }
      }