header {
  background-image: url(./images/chat/hero.jpg);
  background-position-y: center;
}

.subpart-images{
  border-radius:25px;
}

.red{
  background-color:#FF7F7F;
}

.yellow{
  background-color:#FFDF7F;
}

.green{
  background-color:#96D796;
}

.blue{
  background-color:#9FBEFF;
}

.orange{
  background-color:#FFCAA0;
}

.purple{
  background-color:#B0A0FF;
  padding-bottom:24px;
}

.images{
  width:100%;
  text-align:center;
  margin-top:24px;
}

.images img{
  width:85%;
  border-radius:8px;
  margin:24px;
}

.screens{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-around;
  margin-bottom:88px;
}

.screens img{
  width: 100%;
  margin-bottom: 48px;
}

.screens-sided{
  margin:0px 56px;
  display: flex;
  flex-direction: column;
  justify-content:center;
  margin-bottom: 120px;
}

.subpart-text{
    margin-left:0;
  }

.screen-text{
    max-width:600px;
    margin-bottom:24px;
  }

.screen-sided img{
  width: 100%;
  margin-bottom: 48px;
  }

@media (min-width: 768px) {  
  .images img{
  width:600px;
  margin:24px;
  }
  
  .screens img{
  width: 50%;
  margin-bottom: 48px;
}
  
  .screens-sided{
    flex-direction: row;
  }
  
  .screen-text{
    width:800px;
    margin:auto;
  }
  
  .screen-sided img{
  width: 100%;
  }
}

@media (min-width: 1440px) {
  
  .green img {
    margin:36px;
  }
  
  .images{
  margin-top:0px;
  }
  
  .images img{
  width:552px;
  }
  
  .last{
    margin-bottom:56px;
  }
  
  .screens img{
  width: 45%;
  margin-bottom: 48px;
  }
  
  .subpart-text{
    margin-left:0;
    width:800px;
  }
  
  .screens-sided{
    margin:0px 96px;
  margin-bottom: 120px;
  }
}