#flex-wrapper {display:flex;flex-direction:row;justify-content: space-around;}

.widebox {flex:2 1 600px;}
.narrowbox {flex:1 2 300px;}
.equalbox {flex:1 1 450px;}

.quote{color:#060;font-style:italic;width:100%;padding:1rem 0;}
.quote .author {font-style:normal;font-size:95%;text-align:right;}

.gapbox {background-color:red;min-width:1.5rem;height:100%;}
#casting {width:50%;}


@media only screen and (max-width:650px) {
#flex-wrapper {display:block;}
.gapbox {background-color:white;min-height:1.5rem;width:100%;}
#casting {width:100%;}
}