@media screen and (min-width: 850px) {

	#music-icons ul li img {
		width: 35px;
	}

	#about ul {
		width: 800px;
	}

	footer ul {
		width: 800px;
	}
}

@media screen and (min-width: 1000px) {
    
    .parallax-1 {
        background-image: url("../img/background-photos/img1-desktop.png"); 
    }
    
    .parallax-2, .parallax-3, .parallax-4 {
        background-attachment: fixed;
    }
    
    .parallax-2 {
        background-image: url("../img/background-photos/img2-desktop.png");
        opacity: 1;
    }
    
    .parallax-3 {
        background-image: url("../img/background-photos/img3-desktop.png");
        opacity: 1;
    }
    
    .parallax-4 {
        background-image: url("../img/background-photos/img4-desktop.png");
        opacity: 1;
    }
    
    .caption {
        left: 20%;
        top: 60%;
        text-align: left;
    }
    
    .border {
        font-size: 6em;
    }
    
    #navbar .logo {
        margin: 10px 0 0 80px;
    }
    
    #navbar #logo-large {
        margin-top: 10px;
        text-transform: none;
    }
    
    #navbar #logo-small {
        margin-top: -200px; /* this hides the large nav logo when the screen size / window size is small */
    }
    
    #navbar ul {
    	margin-right: 80px;
    }
    
    #navbar ul li {
        font-size: 1em;
    }
    
    #shows, #about {
		padding-top: 150px;
		padding-bottom: 150px;
	}
    
}

@media screen and (min-width: 1500px) {
    
    .border {
        font-size: 8em;
    }
    
}

@media screen and (min-width: 2000px) {
    
    .border {
        font-size: 10em;
    }
    
}

@media screen and (min-width: 1500px) {
    
    .border {
        font-size: 8em;
    }

}

@media screen and (min-width: 2000px) {
    
    .border {
        font-size: 10em;
    }
    
}


/****************************
/****************************
/****************************

OLD MUSIC SECTION CSS

****************************/

@media screen and (min-width: 850px) {

	#music h1 {
		font-size: 3.5em;
}

@media screen and (min-width: 1000px) {

#music {
        padding-top: 200px;
        padding-bottom: 50px;
    }
    
    #music h1 {
		font-size: 5em;
		padding-bottom: 50px;
	}
}

@media screen and (min-width: 1500px) {

	#music h1 {
		font-size: 6em;
	}

	#music #music-flex {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		max-width: 1250px;
	}

	#song-1 {
		padding: 0 20px;
	}

	#song-2 {
		margin-top: 0;
		padding: 0 20px;
	}

	#song-3 {
		margin-top: 0;
		padding: 0 20px;
	}
}