@media only screen and (min-width: 0em) { .splash-container { background-size: 50%; } } @media only screen and (min-width: 25.5em) { .splash-container { background-size: 33.3334%; } } @media only screen and (min-width: 48em) { .splash-container { background-size: 25%; } .splash { min-height: 20em; } } @media only screen and (min-width: 64em) { .splash-container { background-size: 20%; } .splash { min-height: 24em; } } @media only screen and (min-width: 80em) { .splash-container { background-size: 10%; } .splash { min-height: 24em; } }