.about-flex{
    display: flex;
    justify-content: space-around;
    margin-bottom: 5em;
}

.wrap{
    flex-wrap: nowrap;
}

.wrap-re{
    flex-wrap: nowrap;
}

img.about-child{
    width: 100%;
    max-width: 550px;
    height: auto;
}

.about-child{
    font-size: 15px;
}


.txt{
    padding: 2em 2em;
}

h3{
    font-size: 22px;
    padding-bottom: 0.5rem;
    text-align: center
}

h4 {
    position: relative;
    line-height: 1.4;
    padding:0.1em 1em;
    font-size:1.5em;
    display: inline-block;
    top:0;
    margin-bottom: 1em;
  }
  
  h4:before, h4:after { 
    position: absolute;
    top: 0;
    content:'';
    width: 8px;
    height: 100%;
    display: inline-block;
  }
  h4:before {
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    left: 0;
  }
  h4:after {
    content: '';
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    right: 0;
  }


@media screen and (max-width:960px) {
    
    .about-flex {
    flex-wrap: wrap;
    }
    
    .wrap-re {
    flex-wrap: wrap-reverse;
    }
    
    .txt {
    padding: 2em 0em ;
    }
    
}