@media only screen and (max-width: 1299px){
.flex-container {
	width: 100%;
background-position: center;
background-size: 100%;
}
}

  @media only screen and (max-width: 1200px) {
.flex-container {
 background-size: auto;
 /*min-height: 175px;*/
}
}

@media only screen and (max-width: 750px) {
.flex-container{
    min-height: 200px;
    background-image: url("slider/header2.jpg");
    
    background-size: cover;
  }
}

@media only screen and (max-width: 500px) {
.flex-container {
  
  /*background-position: 40%;*/
}
}