#nav-ul-mobile {
	display: none;	
}

#slider-mobile {
	display: none;
}

.mobile-home-nav {
	float: left;
	width: 100%;
	height: 0;
	display: none;
}

.mobile-home-ul {
	opacity: 0;
}
/* 
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    body {
        width: 100vw;
    }
    
    .navbar {
        text-align: center;
        min-height: 10vh;
    }
    
    .nav-ul {
        width: 90vw;
        height: 10vh;
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 0;
    }
    
    .nav-ul li {
        line-height: 10vh;
        font-size: 0.8em;
    }

    #main-image {
        height: 92vh;
        width: 100vw;
        background-size: cover;
    }
    
    #main-text {
        width: 50vw;
    }
    
    .performance-head h1 {
        font-size: 20px;
        letter-spacing: 12px;
    }
    
    .biography-text h3 {
        font-size: 30px;
    }
    
    .biography-text {
        font-size: 0.9em;
    }
    
    .nav {
        font-size: 0.6em;
        letter-spacing: 2px;
        width: 90vw;
    }
    
    .main-content h1 {
        font-size: 40px;
    }
    
    .description-content {
        font-size: 0.9em !important;
    }
    
    .performance-head {
        margin-bottom: 0;
    }
    
    .month {
        font-size: 15px;
    }
    
    .day {
        font-size: 45px;
    }
    
    .year {
        font-size: 15px;
        margin-top: -10px;
    }
    
    .city {
        font-size: 10px;
    }
    
    .location {
        margin-top: -4px;
        font-size: 8px;
        padding-bottom: 3px;
        margin-bottom: 3px;
    }
    
    .performance-inner {
        font-size: 8px;
    }
    
    .media-div {
        border-width: 2px !important;
    }
    
    .media-div h3 {
        font-size: 0.8em !important;
    }
    
    .media-div p {
        font-size: 0.5em;
    }
    
    .media-container {
        margin-bottom: 50px;
    }
    
    .video h3 {
        font-size: 0.8em;
    }
    
    .archive-item {
        width: 40vw;
        height: 48vw;
    }
    
    .archive-item-inner {
        width: 36vw;
        height: 44vw;
        font-size: 1.1em;
    }
    
    .archive-item-inner b {
        letter-spacing: 2px !important;
    }
    
    label {
        letter-spacing: 5px !important;
    }
    
    .fifty-size {
        font-size: 1em !important;
    }
    
    .centerCaption p {
        font-size: 0.6em;
    }
    
    .repertoire-list {
        font-size: 0.7em;
    }
    
    .footer {
        font-size: 0.7em;
    }
} */

@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
	.nav-ul {
		display: none;
	}
	
	#nav-ul-mobile {
		display: block;
	}
	
	#main-image {
		height: 40vh;
		width: 100%;
		background-size: cover;
        background-position: right;
		margin-top: 0;
	}
	
	#main-text {
	    margin-top: 7vh;
		width: 80vw;
	}
	
	.performance-head h1 {
		font-size: 15px;
		letter-spacing: 8px;
	}
	
	.performance {
		height: 30vh;
	}
	
	.control-arrow {
		height: 30vh !important;
	}
	
	a.control_prev, a.control_next {
		height: 30vh;
		line-height: 30vh;
	}
	
	#slider {
		display: none;
	}
	
	#slider-mobile {
		display: block;
	}
	
	.biography-text h3 {
		font-size: 24px;
	}
	
	.biography-text {
		font-size: 0.9em;
		width: 100%;
	}
	
	.mobile-home-ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.bio-pic {
	    width: 100%;
	    margin-bottom: 20px;
	}
	
	.mobile-home-ul li {
		height: 10vh;
		line-height: 10vh;
		border-bottom: 1px #da6252 solid;
		width: 100%;
		display: block;
		color: black !important;
		letter-spacing: 4px;
		text-transform: uppercase;
	}
	
	.mobile-nav-link {
		padding: 0;
	}
	
	.navbar {
		position: relative !important;
		float: left;
	}
	
	.nav {
		font-size: 0.6em;
		letter-spacing: 2px;
		width: 90vw;
		float: left;
		margin-left: 5vw;
	}
	
	.nav ul {
		padding: 0;
	}
	
	.nav ul li {
		display: none;
	}
	
	.nav ul .nav-home {
		display: block;
		width: 50vw;
	}
	
	.main-content h1 {
		font-size: 40px;
	}
	
	.description-content {
		font-size: 0.9em !important;
	}
	
	.performance-head {
		margin-bottom: 0;
	}
	
	.month {
		font-size: 15px;
	}
	
	.day {
		font-size: 45px;
	}
	
	.year {
		font-size: 15px;
		margin-top: -10px;
	}
	
	.city {
		font-size: 10px;
	}
	
	.location {
		margin-top: -4px;
		font-size: 8px;
		padding-bottom: 3px;
		margin-bottom: 3px;
	}
	
	.performance-inner {
		font-size: 8px;
	}
	
	.media-div {
		border-width: 2px !important;
	}
	
	.media-div h3 {
		font-size: 0.8em !important;
	}
	
	.media-div p {
		font-size: 0.5em;
	}
	
	.media-container {
		margin-bottom: 50px;
	}
	
	.video h3 {
		font-size: 0.8em;
	}
	
	.archive-item {
		width: 80vw;
		height: 48vw;
	}
	
	.archive-item-inner {
		width: 72vw;
		height: 44vw;
		font-size: 1.1em;
	}
	
	.archive-item-inner b {
		letter-spacing: 2px !important;
	}
	
	label {
		letter-spacing: 5px !important;
	}
	
	.fifty-size {
		font-size: 1em !important;
	}
	
	.centerCaption p {
		font-size: 0.6em;
	}
	
	.repertoire-list {
		font-size: 0.7em;
	}
	
	.footer {
		font-size: 0.7em;
	}
	
	.media-div {
		padding: 5px;
	}
	
	.media-icon-container {
		width: 90%;
		height: 18vh;
	}
	
	.media-icon {
		height: 15vh;
	}
	
	.video {
		width: 80vw !important;
		float: left !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.youtubeiFrame {
		width: 80vw !important;
		height: 47vw !important;
	}
	
	.video h3 {
		width: 76vw !important;
		font-size: 1.4em !important;
		margin-left: 2vw !important;
	}
	
	.contact-body {
		width: 85%;
	}
}