@charset "utf-8";

/* CSS Document: Portfolio => Disneymuseum */

/*############################ 
########### mobile ###########
##############################*/


/*############## 
#### header ####
##############*/
header {
  background-image: url("../img/herobild/herobild-mobile_ueber-mich.png");
}



/*################
#### Plakate #####
#################*/
img {
  max-width: 100%;
  margin-bottom: 20px;
}


/*############################ 
########### tablette #########
##############################*/
@media all and (min-width:1000px) {

/*############## 
#### header ####
##############*/
  .herobild {
    background-image: url("../img/herobild/herobild-desk_ueber-mich.png");
  }

/*################
#### Plakate #####
#################*/
  article {
    display: flex;
    height: 40vh;
  }
  article > img:first-child {
    margin-right: 20px;
    margin-left: 110px;
  }

}



/*############################ 
############# desk ###########
##############################*/
@media all and (min-width:1200px) {

/*############## 
#### header ####
##############*/
  header > div > p {
    display: none;
  }
  
/*################
#### Plakate #####
#################*/
  article > img:first-child {
    margin-right: 20px;
    margin-left: 260px;
  }

}