/* Desktop Styles */
*{
    margin:0; 
    padding:0;
}

body{
    font-family: Calibri; 
    max-width:1920px;
}

header{
    background-color: black; 
    margin:0; 
    padding:0;
}

header h1{
    font-family: 'Anton', sans-serif; 
    font-size:8rem;
    letter-spacing: 0.01em;
}

#nsfw-header{
    color: #aa4652; 
    width:375px;  
    padding: 10px 0 10px 60px; 
    float:left;
}

#music-header{
    color:white; 
    padding: 10px 0;
}


h1, h2, h3, h4, h5, h6{
    font-weight: bold;
    margin:0; 
    padding:0;
}

p{font-size:1.5rem;}

#main-content{
    min-height:725px; 
    width:750px;  
    display:flex; 
    justify-content: center;
    margin-top:40px;
}

/* About and Artist section in main content left-side of site under NSFW */
#artists{
    max-width:550px; 
    text-align: center; 
    background-color: white; ; 
  
 }


.artists-section-title{
    padding: 15px 0; 
    font-family: 'Anton', sans-serif; 
    font-size:3.5rem; 
    letter-spacing: 0.05em; 
    background-color: black;
    color:#bb5b67;
    border-radius: 3px;
}

#about-section{margin-bottom: 30px;}

#about-info{
    text-align: left;  
    padding:15px 10px 0 20px;
}

#contact-info{padding:0 0 20px 0;}
#contact-info a{color:black}

.artist-section{
    margin-top:40px; 
    margin-bottom:50px;
    padding-bottom:25px;
    border-bottom: 2px solid rgba(0,0,0,0.2);
}

.artist-link{
    margin:50px; 
    font-family: 'Anton', sans-serif;
    font-size:2rem;
    letter-spacing: 0.03em;
    font-weight:bold;
    color: black;
    text-decoration: none;

}

.artist-link:hover{
    color: #aa4652;
}


.artist-logo{width:200px;}


#roof-diver-img{
    width:450px;
}

footer{
    background-color: black; 
    color: white;
    text-align: left;
    padding:20px 0 10px 275px;
}



/* Mobile Styles*/
@media screen and (max-width: 800px){
   
    #nsfw-header{
        float:none;
        text-align:center;
        width:100%;
        margin:0;
        padding:15px 0 0 0;
    }

    #music-header{
        color:white; 
        text-align:center;
        width:100%;
    }

    header h1{
        font-size:7rem;
        letter-spacing: 0.03em;
    }

    #main-content{
        min-height:725px; 
        width:100%;  
        display:flex; 
        justify-content: center;
    }
    
    #about-section{margin-bottom: 10px;}
    #about-info{text-align: center; }

    #roof-diver-img{
        width:375px;
    }

    footer{
        background-color: black; 
        color: white;
        text-align: center;
        padding:20px 0 10px 0;
    }

}