.banner-drawing, .banner-watercolor, .banner-oil1, .banner-oil2, .banner-nobg, .banner-test {border:1px solid #b8973d; border-bottom-width: 4px; margin:6px 0 25px; padding:10px 12px 12px; border-radius:8px;}
.banner-nobg {padding-top:144px; background-position: top center; background-repeat: no-repeat; background-size: contain;}
.banner-nobg li {line-height: 0.65;}
.banner-nobg p {margin:0px;}
h1 {font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; font-size:44px;}


/* Mobile Layout: 480px and below. */
.banner-drawing, .banner-watercolor, .banner-oil1, .banner-oil2, .banner-nobg {width:94%;}
.banner-nobg {background-image: none; padding-top:10px;}
.banner-test {width:100%;}
.banner-left {float:none;}
.banner-right {float:none;}
.classtitle {margin:0px 0px 6px}




/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.banner-drawing, .banner-watercolor, .banner-oil1, .banner-oil2, .banner-nobg {width:96.5%;}
.banner-test {width:48%;}
.left {float: left;}
.right {float: right;}
.classtitle {margin:14px 0px 6px}
.banner-nobg {padding-top:144px; background-position: top center; background-repeat: no-repeat; background-size: contain;}
.banner-session {padding-top:10px; padding-bottom:0px;}
.banner-drawing {background-image: url('https://enjoyingart.com/classes/images/top_image_boat_lake.jpg')}
.banner-watercolor {background-image: url('https://enjoyingart.com/classes/images/top_image_watercolor_fundamentals.jpg')}
.banner-oil-landscape {background-image: url('https://enjoyingart.com/classes/images/top_image_oil_boat_lake.jpg')}
.banner-oil-stilllife {background-image: url('https://enjoyingart.com/classes/images/top_image_oil_fruit.jpg')}
.banner-oil2 {background-image: url('https://enjoyingart.com/classes/images/top_image_oil_jss.jpg')}
.banner-portrait {background-image: url('https://enjoyingart.com/classes/images/top_image_drawing_portrait_girl.jpg')}
.banner-left {float: left; width:45%}
.banner-right {float: right; width:45%}
}

@media only screen and (max-width: 860px) {
	.banner-nobg {padding-top:118px;}
}

@media only screen and (max-width: 768px) {
	.banner-nobg {padding-top:10px;}
}