.studioSection, .studioMobile{
    font-family: 'Stardos Stencil', cursive;
}

.studioSection .container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
}

#scene {
	float: left;
	padding: 0px;
    
}

#scene img {width: 100%;}

.layer_image {
	width: 120% !important;
	margin-left: -10%;
}

.speaker{
	width: 12%;
    position: absolute;
}

.guitars{
    top: 23%;
    left: -3%;
    position: absolute;
    width: 12%;
}

.speaker_1{
    
    top: 22%;
    left: 23%;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.speaker_2{
    top: 22%;
    left: 65%;
}

.layer_1_elements {
    width: 106% !important;
	
    margin-top: 3.4%;
    margin-left: -9.5%;
}

.layer_1_arrow {
    width: 25px !important;
    height: 25px !important;
    left: 50%;
    margin-left: 30%;


}

.the_musician_box {
    /* background-color: red; */
	
    width: 80px;

    top: 28%;
    left: 8%;
}

.box {
	color: white;
	text-align: center;
	position: absolute;
	cursor: pointer;
}

.small_info {
	display: none;
}

.small_info h4 {
    padding-bottom: 2%;
	
}

.small_info p {
    margin-left: 5%;
	
    text-align: left;
    margin-right: 1%;
    margin-bottom: 7%;
}

.small_info a {
    color: white; text-decoration: none
}

.the_musician_small_info{
    background-color: #FF6600;
    background-color: #ffcc00;
    width: 98%;
    /*height: 320px;
    padding-top: 18%;*/
}

.grammies_box{
    width: 80px;
    height: 300px;
    top: 60%; left: 67%;
}

.grammies_small_info{
    /* display: block; */
	
    background-color: #FF6600;
    /*padding-top: 18%;
    height: 350px;*/
}

.producer_box{
    width: 80px;
    height: 350px;
    top: 75%;
    left: 40%;
    /* background-color: red; */
}

.producer_small_info{
	background-color: #F30202;
    /*padding-top: 18%;
	height: 270px;*/
	/* display: block !important; */
}

.video_box{
    width: 98px;
    height: 350px;
    top: 15%;
    left: 56%;
    /* background-color: red; */
}

.video_box .layer_1_arrow{
    width: 25px !important;
    height: 25px !important;
    left: 50%;
    margin-left: 33%;
}

.video_small_info{
    background-color: #009900;
    /*padding-top: 18%;
	height: 270px;*/
    /* display: block !important; */
}

.ghetto_box{
    width: 92px;
     height: 300px;
     top: 66%;
     left:98%;
     /* background-color: red; */
}

.ghetto_box .layer_1_arrow{
    width: 25px !important;
    height: 25px !important;
    left: 50%;
    margin-left: 33%;
}
.ghetto_small_info{
    background-color: #009900;
    /*padding-top: 18%;
    height: 93%;*/
    /* display: block !important; */
}

.info_list {
    position: absolute;
    display: none;
    background-color: white;
    top: 50%;
    left: 50%;
    height: 550px;
    width: 350px;
    margin-left: -175px;
    margin-top: -225px;
    overflow: hidden;
    z-index: 90;
}

.info_title{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: #333333;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}

.info_title a {
    margin-top: 10px;
    margin-bottom: 10px;
}

.info_title h4 {
    color: #955B00
}

.info_content{
    /* list-style: none; */
    overflow-y: auto;
    height: 100%;
    width: 100%;
}
.info_content ul {
    list-style: none;
    width: 100%;
    padding: 0px;
}
.info_subheader{
    text-align: center;
    width: 100%;
    /* background-color: red; */
    padding-top: 10px;
    padding-bottom: 10px;
    /* border-top: black; */
    /* border-top-style: dotted; */
    /* border-top-width: 1px; */
    border-bottom: #333333;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    font-family: blood crow;
    font-size: 10px;
}
.info_item{
    /* height: 100%; */
    position: relative;
    width: 100%;
    /* margin-top: 10px; */
    overflow: auto;
    border-bottom: #333333;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}

.info_item_image{
    width: 40%;
    float: left;
    display: inline-block;
    padding: 10px;
}

.info_text{    
    width: 60%;
    font-size: 12px;
    float: right;
    padding-top: 15px;
}

.amazon_link {
    width: 14%;
    float: right;
}

.itunes_link {
    width: 33%;
    float: right;
    padding-top: 3px;
    margin-right: 10px;
}

.info_store_links {
    bottom:7px;    
    right: 0;
    position: absolute;
}

.list_footer{
    height: 80px;
}

/*#the_musician_list {
    left: 8%;
}

#the_producer_list{
    left: 38%;
}

#the_grammies_list{
    left: 70%;
}*/

.video_container {
    width: 12.5%;
    height: 96px;
    position: absolute;
    top: 13.5%;
    left: 41.7%;
    overflow: hidden;
    z-index: -1;
}

.video_gif{
    
}


.close_button {
    width: 20px;
    
}
 
.grammies_background_transition{
    background-color: #009900;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.musician_background_transition{
    background-color: #FF6600;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}


.producer_background_transition{
    background-color: #ffcc00;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.ghetto_background_transition{
    background-color: #F30202;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    transition: background-color 500ms linear;

}

.small_info { padding: .5%;}
@media (max-width: 1280px) {
    .small_info p { font-size: 12px;}
}

@media (max-width: 1110px) {
    .small_info p { font-size: 11px;}
}


@media (max-width: 1024px) {
    .the_musician_box { width: 80px; top: 28%; left: 7.9%; font-size: 100%;}
    
    .producer_box{ width: 80px; top: 65%;
        left: 37%; font-size: 100%;}
    .grammies_box{ width: 80px; top: 60%; left: 66%;  font-size: 100%;}
    .ghetto_box  { width: 92px; font-size: 100%;top: 64%;
        left:98%;}

    .small_info p { font-size: 11px;}
    .small_info a { font-size: 11px}
    .small_info h6 {margin-top: 5px;
        margin-bottom:5px;}
    }

@media (max-width: 900px) {
    /*.ghetto_box { left: 80%}
    .producer_box, .grammies_box, .ghetto_box { width: 29%}  
    .small_info h4 { padding-bottom: 0}
    */
}

@media (max-width: 780px) {
    /*.grammies_box { top: 13%}*/
}

@media (max-width: 720px) {
    .small_info { padding: .5%}
    .small_info h6 { font-size: 14px;margin-top: 5px;
        margin-bottom:5px;}
    .small_info p { font-size: 10px}
    .small_info a { font-size: 10px}
}

@media (max-width: 660px) {
    .small_info { padding: .5%}
    .small_info h6 { font-size: 12px;margin-top: 5px;
        margin-bottom: 5px;}
    .small_info p { font-size: 8px}
    .small_info a { font-size: 8px}
}