.block-profile-box {display:grid;}
.block-profile-box h3 {text-align:center; color:#3c3c3c; padding:10px 0; margin:0 auto 0.5em auto; font-size: 2.5rem;}
.block-profile-box a, .block-profile-box a:visited {color:#3c3c3c;}
.block-profile-item {}
.block-profile-item:hover h3, .block-profile-item:focus h3{color:#04b189;}
.block-profile-item--url {}
.block-profile-item--img {box-sizing: content-box; display:block; height:auto; margin:0 auto; border-radius:50%; border:4px solid #ffffff;}
.block-profile-item--name {}

@media ( min-width: 1px ) {  /* MOBILE 300px + */
.block-profile-box {width:250px;} 
.block-profile-item--img {width: 250px;}
}

@media ( min-width: 480px ) {  /* TABLET */
.block-profile-box {width:190px; grid-template-columns: auto auto; grid-gap: 1em;} 
.block-profile-item--img {width: calc( 100% - 8px ); max-width: 190px;}
}

@media ( min-width: 700px ) {  /* TABLET */
.block-profile-box h3 {font-size: 2.25rem;}
.block-profile-box {width:190px; grid-template-columns: auto auto auto;} 
}

@media ( min-width: 1000px ) {  /* TABLET */
.block-profile-box h3 {font-size: 2.5rem;}
.block-profile-box {width:190px; grid-template-columns: auto auto auto auto;} 
}

@media ( min-width: 1220px ) {  /* WEB */
.block-profile-box h3 {font-size: 2.25rem;}
.block-profile-box {grid-template-columns: auto auto auto auto auto auto;} 
.block-profile-item--img {width: calc( 100% - 8px ); max-width: 180px;}
}