.brand-options-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin:40px 0;
}

.brand-option {
padding: 2rem;
background: #69B3E7;
text-decoration: none;
text-align: center;
  transition: all 0.3s;
}
.brand-option h3 {
    color:#0c2340;
    margin:0;
}
.brand-option p {
    color:#0c2340;
}
.brand-option:before {
content: "→";
    font-family: psfournier-std, serif;
    text-align: center;
    display: block;
    margin: 0 auto 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #0c2340;
    line-height: 40px;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
}
.brand-option:hover {
-webkit-transform: scale(1.025);
    transform: scale(1.025);
  
}
.brand-option:hover:before {
    color:#0c2340;
    background-color: #fff;

}
@media only screen and (max-width: 900px) {
    .brand-options-container {
        display: block;
    }
    .brand-option {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .block-file a, .block-file a a {
        width:auto!important;
    }
    }