#banner {background:url(../images/musician-businessman.jpg) center no-repeat; width: 100%; height: 763px; overflow: hidden;}
#banner h1 {font-size:28px; color:#fff; margin:0; line-height:1;}

h2 {font-size:24px; color:#888; margin:1em 0 6px 0; cursor:pointer;}
h2:hover, h2:hover b {color:#337BBD!important;}

#lf {float:left; width:50%; text-align:center;}
#banner #musician {font-size:12px; color:#fff; background:#FCBF0E; text-align:center; padding:12px 70px; display:inline-block; margin:400px auto 20px auto; border-radius:12px; width:auto;}

#rt {float:right; width:50%; text-align:center;}
#banner #businessman {font-size:12px; color:#fff; background:#A0CA40; text-align:center; padding:12px 70px; display:inline-block; margin:400px auto 20px auto; border-radius:12px; width:auto;}

#banner a:link,#banner a:visited,#banner a:hover {font-size:12px; color:#fff; font-weight:bold; background:#4385C2; text-decoration:none; display:inline-block; width:148px; text-align:center; padding:6px 0; border-radius:6px;}

#mid {font-size:16px; padding:20px 0; overflow:hidden;}
#mid p {font-size:18px; text-align:left; margin:1em 0;}
#musician2 {float:left; width:50%; text-align:center; padding-right:3em;}
#businessman2 {float:right; width:50%; text-align:center; padding-left:3em;}
#musician21,#musician22, #businessman21,#businessman22 {display:none;}

/*
#musician21h:hover ~ #musician21 {display:block;}
#musician22h:hover ~ #musician22 {display:block;}
#businessman21h:hover ~ #businessman21 {display:block;}
#businessman22h:hover ~ #businessman22 {display:block;}
*/

@media (max-width:1295px) {
#musician2, #businessman2 {padding:0 6px;}
}

@media (max-width:850px) {
#musician2, #businessman2 {display:block; float:none; margin:0 auto 24px auto;}
#musician2 {min-width:472px;}
}

@media (max-width:750px) {
#banner {background: url(../images/musician-businessman.jpg) top left no-repeat; height:auto;}
#banner #lf {display:block; float:none; width:100%; height:763px; text-align:center;}
#banner #rt {display:block; float:none; width:100%; height:763px; text-align:center; background: url(../images/musician-businessman.jpg) top right no-repeat;}
}

@media (max-width:472px) {
#banner,#banner #rt {background-size:958px 564px;}
#banner {height:1128px;}
#banner #lf,#banner #rt {height:564px;}
#banner #musician, #banner #businessman {width:95%; padding:0; margin-top:200px;}
#musician2, #businessman2 {min-width:auto; width:100%;}
}

@media (max-width:360px) {
#banner,#banner #rt {background-size:731px 431px;}
#banner {height:862px;}
#banner #rt,#banner #lf {height:431px;}
#banner #musician, #banner #businessman {margin-top:200px;}
}

@media (max-width:320px) {
#banner,#banner #rt {background-size:650px 382px;}
#banner {height:765px;}
#banner #rt,#banner #lf {height:382px;}
#lf a {margin-top:12px;}
}

@media (max-width:294px) {
#musician2 img, #businessman2 img {width:100%; text-align:left;}
}