body {
  margin:0;
  background-color:bisque;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size:24px;
}
body.about-page {
  background-color:rgb(171, 237, 204);
}
h1 {
  margin-top:0;
  font-size:120px;
  color: #fff;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
header {
  background-image: url('images/jp-bg-desktop.png');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: bottom right;
  height:512px;
  display:flex;
  justify-content: center;
  align-items: center;;
}
.two-cols {
  display:flex;
  width:60%;
  margin:80px auto;
  position:relative;
}
.blob {
  position:absolute;
  top:120px;
  left:200px;
  z-index:-1;
}
.two-cols .left, .two-cols .right {
  flex:1;
}
.about-page .two-cols {
  border:4px dashed black;
}
.hide-desktop { display:none;}

@media screen and (max-width: 768px) {
  body {
    font-size:20px;
  }
  .two-cols {
    flex-direction:column;
    margin:40px auto;
    width:90%;
  }
  header {
    background-image: url('images/jp-bg-mobile.png');
    justify-content: flex-start;
    padding:40px;
    height:400px;
  }
  h1 {
    font-size:60px;
  }
  .hide-mobile { display:none;}
  .hide-desktop { display:block;}
}