@media (orientation: landscape) and (max-device-width: 1023px) {}

@media (max-device-width : 1023px) {
  body {
    background-image: none;
  }
  img {
    max-width: 100%;
  }
  .container {
    padding:0 2vw;
    width:96vw;
  }
  #main_img {
    background-image: url('homepage_bg_1023.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    height:90vw;
  }
  #header #topkontakt {
    width:auto;
  }
  #header #topkontakt, #header #languages {
    height: 44px;
    padding: 52px 10px 0;
  }
  #topmenu .container {
    width:98vw;
  }
  .rmm.style ul li:first-child a {
    padding-left:0vw;
  }

  #main {
    padding-top:2vw;
  }
  #main .left {
    width:62vw;
  }
  #main .right {
    width:32vw;
  }
  #footer {
    padding:0 0 30px 0;
  }
  #footer .archa {
    /*display: block;
    float: none;
    text-align: center;*/
    padding-bottom:20px;
  }
}

/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-device-width : 1023px) and (min-device-width: 871px) {
  body {
    /*font-size:2vw;*/
  }
  #header {
    height:125px;
    font-size:20px;
  }
  #header #logo {
    height:auto;
  }
  #nazev {
    margin-top:4vw;
    width:50vw;
  }
  .line1 {
    font-size:7.5vw;
    line-height:8vw;
  }
  .line2 {
    font-size:4vw;
    line-height:4.8vw;
  }
  #system {
    margin-top:3vw;
  }
  #hlavni_foto {
    margin-top:7vw;
  }
}
@media (max-device-width : 870px) and (min-device-width: 681px) {
  #hlavni_foto {
    margin-top:4vw;
    width:40vw;
  }
  #main .left .boxes {
    width:62vw;
  }
  #main .left .box {
    width:99%;
    padding:0;
  }
  #main .left .box.partner {
    margin-right:0;
    line-height:3.3em;
  }
  #main .left .box.partner img {
    margin-top:0;
    padding-left:0.5em;
    vertical-align:middle;
  }
  #main .left .box.informace {
    padding-top:0;
  }
  #main .left .box.informace span {
    display: inline-block;
  }
  #main .left .box.informace a, #main .left .box.informace a:visited {
    line-height: 2.3em;
  }
}

/** ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-device-width : 680px) and (min-device-width: 381px) {
  body {
    font-size: 3.2vw;
  }
  #header {
    height:17vw;
  }
  #header #logo {
    width:28vw;
    height:auto;
  }
  #header #logo img {
    width:auto;
    margin-top:5vw;
  }
  #header #topkontakt, #header #languages {
    height:7vw;
    padding-top:5vw;
  }
  #header #languages .full {
    display:none;
  }
  #header #languages .short {
    display:inline;
  }
  #main_img {
    height:90vw;
  }
  #nazev {
    margin-top:4vw;
    width:50vw;
  }
  .line1 {
    font-size:9.5vw;
    line-height:10vw;
  }
  .line2 {
    font-size:5vw;
    line-height:5vw;
  }
  #system {
    margin-top:16vw;
    float:right;
    width:40vw;
  }
  #system p {
    line-height:1em;
  }
  #system span::before {
    content: "";
    white-space:none;
  }
  #hlavni_foto {
    clear:both;
    margin-top:7vw;
    height:44vw;
    width:100%;
    position:relative;
  }
  #hlavni_foto img {
    float:right;
    width:54vw;
  }
  #hlavni_foto p {
    position:absolute;
    bottom:0;
    display:inline;
    width:38vw;
    float:left;
    text-align:right;
  }
  #main .left,
  #main .right {
    width:100%;
  }
  #main .right img {
    margin-bottom:0px;
    
  }
  #main p {
    line-height:1.2em;
  }
}
/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-device-width : 380px) {
  body {
    font-size: 4.5vw;
  }
  #header {
    height:38vw;
  }
  #header #logo {
    width:auto;
    height:auto;
    margin-bottom:2vw;
  }
  #header #logo img {
    margin-top:3vw;
  }
   #header #topkontakt, #header #languages {
    height:auto;
    padding-top:0;
  }
  #header #languages {
    clear:both;
  }
  #header #languages .full {
    display:none;
  }
  #header #languages .short {
    display:inline;
  }
  #header #topkontakt {
    float:left;
    margin-left:88px;
    border-left:none;
    padding:0;
  }
  #main_img {
    height:168vw;
  }
  #nazev {
    margin-top:2vw;
    width:100%;
  }
  .line1 {
    font-size:14.5vw;
    line-height:15vw;
  }
  .line2 {
    font-size:9vw;
    line-height:10vw;
  }
  #system {
    margin-top:2vw;
    float:right;
    width:43vw;
  }
  #system div {
    font-size:1.4em;
  }
  #system p {
    line-height:1em;
  }
  #system span::before {
    content: "";
    white-space:none;
  }
  #hlavni_foto {
    clear:both;
    margin-top:7vw;
    height:44vw;
    width:100%;
    position:relative;
  }
  #hlavni_foto img {
    float:right;
    width:100%;
  }
  #hlavni_foto p {
    position:absolute;
    top:3vw;
    left:3vw;
    color:white;
    display:inline;
    width:65vw;
  }
  #main {
    margin-top:0;
  }
  #main .left,
  #main .right {
    width:100%;
  }
  #main .right img {
    margin-bottom:0px;
   
  }
  #main h1 {
    font-size:2em;
    margin-bottom:0.4em;
  }
  #main p {
    line-height:1.1em;
    margin-bottom:0.7em;
  }
}