/* Icon Sizing */
i {
 min-height: 1rem;
 min-width: 1rem;
}

/* SVG Sizing */
.imgSize {
 display: grid;
   grid-template-columns: auto auto auto auto;
 align-content: center;
 margin-bottom: 1rem;
 max-width: 100%;
}

.imgSize svg {
 max-width: 80px;
 width: 100%;
 height: auto;
}

.item {
 margin: auto;
 padding: 1rem;
}

.row {
 padding: 40px;
 width: auto;
}
.container {
 max-width: 1280px;
 margin: auto;
}

.footer {
 max-width: 1280px;
 padding: 20px;
 margin: auto;
}

.row-4 {
 display: grid;
   grid-template-columns: auto auto auto auto;
 align-content: center;
}

.row-2 {
 display: grid;
    grid-template-columns: auto auto;
}

.text-block-container {
 display: grid;
    grid-template-columns: auto auto;
}

.text-block {
 padding: 24px;
}

.card {
 padding: 2rem;
 border-radius: var(--radius-xl);
 border: 1.5px solid var(--warm-gray-100);
}

.outline {
 border: 1.5px solid var(--warm-gray-200);
 overflow: hidden;
}

.w-2xl{
  width: 42rem;
}

.w-7xl{
  width: 80rem;
}

.max-w-none{
  max-width: none;
}

.w-auto{
  width: auto;
}

.w-100{
  width: 100%;
}

.w-75{
 width: 75%;
}

.w-50{
  width: 50%;
}

.w-25{
  width: 25%;
}

.w-30{
  width: 33.333%;
}

.w-xl{
  width: 36rem;
}
.w-lg{
 width: 24rem;
}
.w-md{
 width: 16rem;
}
.w-sm{
 width: 8rem;
}

.middle {
 text-align: center;
}

.p-4 {
 padding: 4px;
}
.p-8 {
 padding: 8px;
}

.p-32 {
 padding: 32px
}
.p-56 {
 padding: 56px;
}
.p-64 {
 padding: 64px;
}
.m-12 {
 margin-bottom: .75rem;
}
.m-16 {
 margin-bottom: 1rem;
}
.m-32 {
 margin-bottom: 2rem;
}
.m-40 {
 margin-bottom: 2.5rem;
}

.m-auto {
 margin: auto;
}

@media screen and (max-width: 1200px){
 .text-block-container {
  display: grid;
     grid-template-columns: auto;
 }
 .svgSize {
   grid-template-columns: auto auto;
 }
}

@media screen and (max-width: 960px){
 .text-block-container {
  display: grid;
     grid-template-columns: auto;
 }
 .svgSize {
   grid-template-columns: auto auto;
 }
}

@media screen and (max-width: 640px){
 .svgSize {
   grid-template-columns: auto;
 }
}