<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
    <link rel="stylesheet" href="./../src/snipped.css">

    <style>
.bhy-rb2 { 
    display: grid; 
    grid-template-columns: repeat(1, 1fr); 
    gap: 1rem; 
    -webkit-box-pack: justify; 
    justify-content: space-between;
} 

@media (min-width: 576px){ 
  .bhy-rb2 { 
    grid-template-columns: repeat(2, 1fr);
  } 
}     

@media (min-width: 1024px){ 
  .bhy-rb2 { 
    grid-template-columns: repeat(2, 1fr);
  } 
}

.jQA-nwx { 
    display: flex; 
    flex-flow: wrap; 
    gap: 1rem; 
    justify-items: stretch;
}

@media (max-width: 576px){ 
  .fIl-bli { 
    width: 100%;
  }
  .fYJFKB {
    margin-bottom: 0.5rem;
}
}

@media (min-width: 576px){ 
  .fIl-bli { 
    flex: 3 1 0%;
  } 
}

.gIA-dmj { 
    margin-bottom: 0.5rem;
} 

.iAY-vns { 
    color: rgb(25, 31, 41); 
    display: block; 
    font-size: 1rem; 
    font-weight: 700;
}

.fTj-bev { 
    color: rgb(210, 24, 13); 
    font-size: 1rem; 
    font-weight: 400; 
    margin-top: 0.25rem;
} 

        @media (max-width: 767px) {
            .hDrShV {
                background-color: transparent;
                color: rgb(255, 255, 255);
                font-size: 1rem;
                border: none;
                padding: 0px;
            }
        }
    </style>
</head>

<body>