.clearfix:after { content: ""; display: table; clear: both; }

.grid-1-4 { width: 100%; }

@media (min-width: 37.5em) { .grid-1-4 { width: 50%; } }

@media (min-width: 64em) { .grid-1-4 { width: 25%; } }

.parallax { /* Set a specific height */ height: 307px; /* Create the parallax scrolling effect */ background-attachment: scroll; background-repeat: no-repeat; background-size: auto 162px; background-color: #b8e1fb; /* test only */ background-position: center 65px; }

@media (min-width: 31.5em) { .parallax { height: 428px; background-size: auto 362px; } }

@media (min-width: 37.5em) { .parallax { background-attachment: fixed; background-size: auto 432px; } }

@media (min-width: 56em) { .parallax { background-attachment: fixed; background-size: auto 516px; background-position: center top; } }

@media (min-width: 78.5em) { .parallax { background-attachment: fixed; background-size: auto 516px; } }

.parallax { /* Hearing Loss Main Banner */ background-image: url(/Style%20Library/Branding/img/banner-img-10.jpg); }