.five{
  width:100%;
  position:relative;
}
.five-image{
  width: 100%;
  max-width:320px;
  margin-bottom:1rem;
  margin-left:auto;
  margin-right:auto;
}
.five-text .number{
  display: inline-block;
  padding-right: 10px;
  /*color:#a39161;*/
}
@media(min-width: 980px){
  /*
  .five{
    width:100%;
    height:600px;
    position:relative;
  }
  */
  .five-image{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    height:100%;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .five-image svg,
  .five-image img{
    width:350px;
    margin:auto;
    padding-top:75px;
  }
  /*
  .five-text-wrapper{
    position: absolute;
    z-index: 1;
    width:100%;
    height:600px;
    top:0px;
  }
  */
  .five-text-box{
    width:100%;
    /*height:600px;*/
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /*
  .break{
    flex-basis: 100%;
  }
  .space{
    flex-basis:400px;
  }
  .five-lr{
    flex-basis: calc(50% - 200px);
  }

  .five-text p{
    font-size:12px;
  }

  .five-text .number{
    display: none;
  }
  .five-1{
    width:360px;
  }
  .five-1{
    width: 360px;
    text-align: center;
    margin:auto;
    order:1;
  }
  .five-2{
    order:2;
  }
  .five-3{
    order:6;
  }
  .five-4{
    order:4;
  }
  .five-5{
    order:8;
  }
  .five-6{
    order:6;
    text-align: right;
  }
  .five-7{
    order:7;
  }
  .five-8{
    order:3;
    text-align: right;
  }
  */
  /*
  .five-1{
    top:0px;
    left:300px;
    width: 360px;
    text-align: center;
  }

  .five-2{
    top: 150px;
    left: 673px;
  }

  .five-3{
    top: 343px;
    left: 673px;
    width: 315px;
  }

  .five-4{
    top: 358px;
    left: 45px;
    text-align: right;
  }

  .five-5{
    top: 150px;
    left: 45px;
    text-align: right;
  }
  */
}