/*----------------------------------screen size min 600px - desktop version ---------------------------*/
@media screen and (min-width: 600px){

  .navbarBottomText::after {
    display: inline;
    content: "\\industrial\\ROVER/BMW MINI assembley plant - JPA - architectural technician - project run";
    background: none;
    animation-name: changeText;
    animation-duration: 120s;
    animation-iteration-count: infinite;
  }

  .mainContent {
    position: fixed;
    left: 0;
    right: 0;
    top: 74px;
    bottom: 65px;
    overflow: hidden;
    background-image: url("../images/mdp_industrial_background01.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    //animation-name: change;
    //animation-duration: 120s;
    //animation-iteration-count: infinite;
  }
}

/*----------------------------------screen size MAX 600px - Phone version ---------------------------*/
@media screen and (max-width: 600px){

  .mainContent {
    position: fixed;
    left: 0;
    right: 0;
    top: 70px;
    bottom: 55px;
    overflow: hidden;
    background-image: url("../images/mdp_industrial_background01.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    //animation-name: change;
    //animation-duration: 120s;
    //animation-iteration-count: infinite;
  }

  .navbarBottomText::after {
    display: inline;
    content: "\\industrial\\ROVER/BMW MINI assembley plant - JPA - project run";
    background: none;
    animation-name: changeText;
    animation-duration: 120s;
    animation-iteration-count: infinite;
  }
}

/*----------------------------------screen size max 400px - old phone version ---------------------------*/
@media screen and (max-width: 400px){

  .mainContent {
    position: fixed;
    left: 0;
    right: 0;
    top: 55px;
    bottom: 45px;
    overflow: hidden;
    background-image: url("images/mdp_industrial_background01.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    //animation-name: change;
    //animation-duration: 120s;
    //animation-iteration-count: infinite;
  }
}