.round-box {

    height: 100px;
    position: absolute;
    width: 380px;
  bottom:0px;
  
  
}
.person {
 margin:auto;
  width:50%
}
.person2 {
 margin:auto;
  width:50%
}
.person3 {
 margin:auto;
  width:50%
}
.person img {
    
    
    position: relative;
    top: -48px;
    
}
.person2 img {
    
    
    position: relative;
    top: -50px;
    
}
.person3 img {
    
    
    position: relative;
    top: -46px;
    
}

.copy {
 font-size:16px;
  text-align:center;
  padding: 0px 25px 0px 25px;
  width: 380px;
  padding-bottom:50px;
  border:1px solid #000;
  width:380px
  
  
}

.name {
  color:#FFF;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  margin-top:-37px
 
}
.title, .company {
  color:#FFF;
  font-size:18px;
  font-weight:normal;
  text-align:center
}


.paddingBlock {
	padding: 20px 0;
  position: relative;
}

.eqWrap {
	display: flex;
}

.eq {
	padding: 10px;
  width:380px;
  height:391px;
}



.equalHW {
	flex: 1;
}

.equalHMWrap {
	justify-content: space-between;
}

.equalHM {
	width: 380px;
  margin-right:15px
}

.equalHMRWrap {
	justify-content: space-between;
	flex-wrap: wrap;
}

.equalHMR {
	width: 380px;
	margin-bottom: 2%;
}

.equalHMVWrap {
	flex-wrap: wrap;
}

.equalHMV {
	width: 380px;
	margin: 1%;	
}

.equalHMV:nth-of-type(3n) {
	margin-right: 0;	
}

.equalHMV:nth-of-type(3n+1) {
	margin-left: 0;	
}
@media (min-width:360px) and (max-width: 999px){
  
/*   I apply only to screens between 700px and 999px wide*/

 .eqWrap {
	display: flex;
   flex-wrap: wrap;
}
.round-box {

  bottom: 0;
    height: 100px;
    position: relative;
    width: 380px;
    margin-top: 20px;
 
}
  
.paddingBlock {
    padding: 20px 0;
    position: relative;
    margin: auto;
    width: 100%;
      margin-left: -23px;
}  
  
  @media (max-width:480px){
    .eq {
	padding: 10px;
  width:380px;
  height:470px;
}
    .round-box {

  bottom: 0;
    height: 100px;
    position: relative;
    width: 380px;
    margin-top: 60px;
 
}
  }