.round-box {

    height: 100px;
    position: absolute;
    width: 380px;
  bottom:0px;
  
  
}
.person img {
    border-radius: 82px;
    height: 82px;
    left: 276px;
    position: relative;
    top: -48px;
    width: 82px;
}


.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:-73px
 
}
.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:367px;
}



.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;
}