.quote-wrapper#namFeature1 {top: 10%; left: 20%; width: 170px; height: 170px;}
.quote-wrapper#namFeature1::before {content: "1"; font-size: 140px;}

.quote-wrapper#namFeature2 {top: 10%; left: 40%; width: 240px; height: 240px;}
.quote-wrapper#namFeature2 .text p {line-height: 1.5;}

.quote-wrapper#namFeature3 .text p {line-height: 1.4;}

.quote-wrapper#namFeature9 .text p {line-height: 1.4;}


@media (max-width: 1200px) {
  .quote-wrapper .text p {
    line-height: 1;
    font-size: 1rem;
  }  
    
  .quote-wrapper#namFeature1 {top: 10%; left: 20%; width: 140px; height: 140px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  
  .quote-wrapper#namFeature2 {top: 10%; left: 38%; width: 220px; height: 220px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}

  .quote-wrapper#namFeature3 {top: 25%; left: 5%; width: 210px; height: 210px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}

  .quote-wrapper#namFeature4 {top: 5%; right: 25%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}

  .quote-wrapper#namFeature5 {top: 18%; right: 5%; width: 260px; height: 260px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}

  .quote-wrapper#namFeature6 {bottom: 15%; left: 7%; width: 300px; height: 300px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}

  .quote-wrapper#namFeature7 {bottom: 23%; left: 40%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}

  .quote-wrapper#namFeature8 {bottom: 13%; right: 16%; width: 240px; height: 240px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}

  .quote-wrapper#namFeature9 {bottom: 35%; right: 10%; width: 150px; height: 150px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}
}


@media (max-width: 992px) {
  .quote-wrapper .text p {
    line-height: 1;
    font-size: 0.9rem;
  }
  .quote-wrapper#namFeature1 {top: 5%; left: 13%; width: 120px; height: 120px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  .quote-wrapper#namFeature1 .text p {line-height: 1;}
  
  .quote-wrapper#namFeature2 {top: 10%; left: 30%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}
  .quote-wrapper#namFeature2 .text p {line-height: 1;}

  .quote-wrapper#namFeature3 {top: 18%; left: 0%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}
  .quote-wrapper#namFeature3 .text p {line-height: 1;}

  .quote-wrapper#namFeature4 {top: 7%; right: 28%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}
  .quote-wrapper#namFeature4 .text p {line-height: 1;}

  .quote-wrapper#namFeature5 {top: 15%; right: 0%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}
  .quote-wrapper#namFeature5 .text p {line-height: 1;}

  .quote-wrapper#namFeature6 {bottom: 15%; left: 4%; width: 250px; height: 250px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}
  .quote-wrapper#namFeature6 .text p {line-height: 1;}

  .quote-wrapper#namFeature7 {bottom: 23%; left: 42%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}
  .quote-wrapper#namFeature7 .text p {line-height: 1;}

  .quote-wrapper#namFeature8 {bottom: 13%; right: 12%; width: 170px; height: 170px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}
  .quote-wrapper#namFeature8 .text p {line-height: 1;}

  .quote-wrapper#namFeature9 {bottom: 35%; right: 3%; width: 120px; height: 120px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}
  .quote-wrapper#namFeature9 .text p {line-height: 1;}

  img#namImg {width: 70%;}

}

@media (max-width: 767.9px) {
  .quote-wrapper#namFeature1 {top: 5%; left: 13%; width: 120px; height: 120px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  
  .quote-wrapper#namFeature2 {top: 12%; left: 32%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}

  .quote-wrapper#namFeature3 {top: 18%; left: 0%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}

  .quote-wrapper#namFeature4 {top: 5%; right: 15%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}

  .quote-wrapper#namFeature5 {top: 20%; right: 0%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}

  .quote-wrapper#namFeature6 {bottom: 10%; left: 0%; width: 240px; height: 240px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}

  .quote-wrapper#namFeature7 {bottom: 25%; left: 45%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}

  .quote-wrapper#namFeature8 {bottom: 8%; right: 12%; width: 170px; height: 170px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}

  .quote-wrapper#namFeature9 {bottom: 30%; right: 0%; width: 120px; height: 120px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}

  img#namImg {width: 90%;}

}

@media (max-width: 515px) {
  .quote-wrapper#namFeature1 {top: 0%; left: 10%; width: 120px; height: 120px;}
  .quote-wrapper#namFeature1::before {font-size: 120px;}
  
  .quote-wrapper#namFeature2 {top: 2%; left: 47%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature2::before {font-size: 160px;}

  .quote-wrapper#namFeature3 {top: 13%; left: 0%; width: 160px; height: 160px;}
  .quote-wrapper#namFeature3::before {font-size: 200px;}

  .quote-wrapper#namFeature4 {top: 19%; right: 5%; width: 100px; height: 100px;}
  .quote-wrapper#namFeature4::before {font-size: 120px;}

  .quote-wrapper#namFeature5 {top: 27%; right: 18%; width: 180px; height: 180px;}
  .quote-wrapper#namFeature5::before {font-size: 240px;}

  .quote-wrapper#namFeature6 {bottom: 24%; left: 0%; width: 250px; height: 250px;}
  .quote-wrapper#namFeature6::before {font-size: 280px;}

  .quote-wrapper#namFeature7 {bottom: 10%; left: 0%; width: 130px; height: 130px;}
  .quote-wrapper#namFeature7::before {font-size: 150px;}

  .quote-wrapper#namFeature8 {bottom: 1%; right: 18%; width: 170px; height: 170px;}
  .quote-wrapper#namFeature8::before {font-size: 220px;}

  .quote-wrapper#namFeature9 {bottom: 18%; right: 0%; width: 120px; height: 120px;}
  .quote-wrapper#namFeature9::before {font-size: 120px;}

  /*img#namImg {width: 100%;}*/
  section#namFeatures {min-height: 70rem;}
}