.age-level-container {
    display:grid;
    grid-template-columns: 35% 65%;
    grid-gap:15px;
    padding-bottom:15px;
    
}

.age-level-container > .age-level-container-title {
    grid-column: 1 / -1;
}

.image-container {
    
}

.information-container {
    
}

.learn-more-button-container {
    padding:5px;
    
}

.price {
    padding:5px;
    font-size:110%;
    font-weight:bold;
    color:#B64D3A;
}


/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {

}

/* --------- iphone portrait -----------  */
@media screen and (max-width: 540px) {
    .age-level-container {
        grid-template-columns: auto;
    }		
}