//div { border: solid 1px red; }

body {
font-family: Arial, Lucida Sans, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding:0;
margin:0;
background:#010101;
}

#slide2 {
background:#222;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

#logo {
position:relative;
width:25%;
min-width:280px;
height:auto;
margin:0 auto 0 auto;
padding:8% 0 0 0;
}

#logo img {
width:100%;
height:auto;
}

#about {
position:relative;
width:40%;
min-width:280px;
height:auto;
margin:2% auto 0 auto;
font-family:'Open Sans', Arial, sans;
font-size:1.1em;
color:#CCC;
line-height:155%;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background:url(images/black-bg-alpha.png) repeat;
padding:2%;
text-align:justify;
display:none;
}

#contact-details {
position: absolute;
display:table;
vertical-align:middle;
top: -10%; left: 0; bottom: 0; right: 0;
margin: auto;
width:40%;
height:auto;
font-family:'Roboto', 'Open Sans', Arial, sans;
font-size:100%;
color:#CCC;
line-height:155%;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background:url(images/black-bg-alpha.png) repeat;
padding:2%;
text-align:center;
}

#contact-details a:link, #contact-details a:visited, #contact-details a:hover, #contact-details a:active {
color:#85D822;
}

#contact-details p {
line-height:160%;
margin:25px 0 0 0;
}

#mm-holder {
position:absolute;
width:25%;
height:auto;
right:2%;
top:4%;
max-width:40px;
z-index:5000;
}

.mm-item {
position:relative;
display:block;
width:100%;
height:25%;
padding:20% 0 20% 0;
text-align:left;
}

.mm-item > img {
opacity:0.5; -moz-opacity:0.5;
}

.mm-item:hover > img {
opacity:1; -moz-opacity:1;
cursor:pointer;
}

.mm-item:hover > div {
display:block;
}

.mm-tooltip {
position:absolute;
display:none;
left:-120px;
top:20%;
padding:10px 15px;
cursor:default;
border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
background:#222;
color:#CCC;
text-align:center;
line-height:14px;
font-size:14px;
font-family:Arial, sans;
z-index:6000;
}

#social-holder {
position:absolute;
width:30%;
height:auto;
right:1%;
bottom:2%;
max-width:290px;
z-index:5000;
text-align:right;
}

.social-icon {
position:relative;
display:inline-block;
width:20%;
height:auto;
max-height:50px;
margin:0 2%;
padding:0;
max-width:50px;
background:contain;
cursor:pointer;
opacity:0.8;
}

.social-icon img {
width:100%;
height:auto;
border:none;
}

#mm-holder img, #social-holder img, #mm-item img {
width:100%;
height:auto;
}

.artist-back-btn {
position:absolute;
width:auto;
height:20%;
left:4%;
bottom:20%;
max-height:90px;
z-index:7000;
}

.artist-fwd-btn {
position:absolute;
width:auto;
height:20%;
right:4%;
bottom:20%;
max-height:90px;
z-index:7000;
}

.down-btn {
position:absolute;
width:15%;
height:auto;
left:42.5%;
bottom:10%;
max-height:40px;
z-index:7000;
text-align:center;
}

.up-btn {
position:absolute;
width:15%;
height:auto;
left:42.5%;
top:10%;
max-height:40px;
z-index:7000;
text-align:center;
}

.artist-holder {
position:relative;
float:left;
margin:0; padding:0;
width:50%;
height:50%;
overflow:hidden;
text-align:left;
}

.profile-text {
position:relative;
float:right;
width:50%;
height:auto;
max-height:80%;
min-width:300px;
margin:3% 12% 5% 0;
background:url(images/black-bg-alpha.png) repeat;
padding:2%;
color:#EEE;
font-size:1.1em;
font-family:'Open Sans', Arial, sans;
text-align:left;
overflow:auto;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
line-height:150%;
}

#artist-scorcher {
background:url(images/artist-scorcher-02.jpg) no-repeat top left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-scorcher-02.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-scorcher-02.jpg', sizingMethod='scale');
}

#artist-haynzy {
background:url(images/artist-haynzy.jpg) no-repeat top left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-haynzy.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-haynzy.jpg', sizingMethod='scale');
}

#artist-olivia {
background:url(images/artist-olivia-02.jpg) no-repeat top left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-olivia-02.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-olivia-02.jpg', sizingMethod='scale');
}

#artist-ironik {
background:url(images/artist-ironik.jpg) no-repeat top left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-ironik.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-ironik.jpg', sizingMethod='scale');
}

#artist-unionj {
background:url(images/artist-unionj.jpg) no-repeat top left;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-unionj.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-unionj.jpg', sizingMethod='scale');
}

#profile-haynzy {
background:url(images/artist-haynzy-large.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-haynzy-large.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-haynzy-large.jpg', sizingMethod='scale');
}

#profile-scorcher {
background:url(images/artist-scorcher-large.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-scorcher-large.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-scorcher-large.jpg', sizingMethod='scale');
}

#profile-olivia {
background:url(images/artist-olivia-large.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-olivia-large.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-olivia-large.jpg', sizingMethod='scale');
}

#profile-ironik {
background:url(images/artist-ironik-large.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-ironik-large.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/artist-ironik-large.jpg', sizingMethod='scale');
}

/* ======================= MEDIA QUERIES ======================== */

@media screen and (max-width: 800px) {
  #social-holder {
    width: 40%;
  }
  #logo {
  width:45%;
  }
}

@media screen and (max-width: 450px) {
 #social-holder {
width:60%;
  }
  #logo {
  width:60%;
  min-width:230px;
  }
}