@media screen and (min-width: 40.5em) and (max-width: 60em) {

}

@media screen and (min-width: 40.5em) {
}

@media screen and (min-width: 52em) {
header.masthead h1 {
float: left; margin-right: .25em; margin-bottom: 1em;}

header nav.secondary,
header nav.primary {
border-left: 1px dotted black;
float: left;
margin-top: 2em;
padding-left: 1em; 
text-align: left;}

header nav.primary ul li {margin-bottom: .25em;}

header nav.secondary {
 border: none; 
 padding-left: 4em;}

nav.social-media {
 text-align: right;
 white-space: nowrap;
 position: absolute; top: 3.80em; right: 1.5em;}
 

.btn-3:before {
 display: block;
 position: absolute; top: 0;  left: auto; right: -70%;}
 
.features-list li {display: inline-block; margin-right: 10em;}

.features-list li:hover {opacity: .5;} 

section.artist-bio img.artist-portrait {float: right;}

.artist-list li {display: inline-block;}





ul.artist-list li {
 background-color: transparent;
 display: inline-block;} 

ul.artist-list li:nth-of-type(2n) {
 background-color: inherit;}

ul.artist-list li img {
 float: left; margin-right: 1em;}
 
p.artist-list-exerpt {} 

 
}

@media screen and (min-width: 72em) {

/*=====>>> Header <<<===== */

header.masthead h1 {
float: left; margin-right: .25em; margin-bottom: 1em;}

header.masthead h1 a {}

/*=====>>> Nav <<<===== */

header nav.primary {
border-left: 1px dotted black;
float: left;
margin-top: 2em;
padding-left: 1em; text-align: left;}

header nav.primary ul {}
header nav.primary ul li {margin-bottom: .25em;}
header nav.primary ul li a{}


header nav.secondary {margin-top: 0; float: none; text-align: inherit; }
header nav.secondary ul {margin-right: 10em;}
header nav.secondary ul li {
 display: inline-block;
 letter-spacing: 1px;
 text-transform: uppercase;
 margin: 2em 0 1em; padding: 2em 1.5em;}
 	
header nav.secondary ul li a{}


nav.social-media {
text-align: right;
white-space: nowrap;
position: absolute; top: 3.80em; right: 1.5em;}


.btn-4:before {
 position: absolute;top: 0;left: 70%;}

.btn-3:before {
 position: absolute; top: 0;  left: auto; right: -65%;}
 
/*=====>>> Lists <<<===== */
ul.listed-artists {float: left;}

.artist-portrait { }

/*=====>>> Images <<<===== */
.main img, section img{ 
margin-left:0; margin-right:0;}

/*=====>>> Main <<<===== */


h2.page-title {} 

h2.page-description {float: left;} 

img.artist-portrait {float: right; margin-left:1em; margin-top: 1em}

section.artist-bio {float: left; margin: 0 2em 2em 1em; width: 70%;}



/*=====>>> About <<<===== */
.page-text {
 padding-right: 2em;
 width: 50%;}   



/*=====>>> Test Area <<<===== */		
.xyz-img {
	width: 67%; width: auto;}
	
.xyz > xyz {
	padding-left: 2em;
	margin-left: 67%; margin: 0;margin-left: 7em;
	float: left;
	position: absolute; top: 0; left: 0;
	width: 6em;width: 19%;
	display: block;}
	
.xyz {
	padding: 2em 7em;
	position: relative;
	z-index: 1;}	
}