@media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (orientation : portrait) {
	
	/*
	 *
	 * default starting point for all elements
	 *
	 */
	
	
	#index-wrapper
	{
		width: 100vw;
	/*	width: 1090px;*/
		min-width: 80px;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
	
	

	#wrapper
	{
		width: 100vw;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
	
	
	#content-wrapper
	{
		width: 100vw;
		margin: 0 auto;
		padding: 0;
		border: 0;
		color: #215E57;
		font-family: 'Ubuntu', sans-serif;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 20px;
		text-align: justify;
	}
	
	
	
	

	/*
	 *
	 * top nav links section
	 *
	 */
	#top-nav-links-wrapper
	{
		width: 100vw;
		height: 20px;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
	
	
	#top-nav-links-wrapper.index-page-top-nav
	{
		width: 300px;
		height: 20px;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}


	#top-nav-links-content
	{
		width: 100%;
		height: 100%;
	}


	#top-nav-links-content nav
	{
	/*	padding-top: 4px;*/
	/*	padding-left: 20px;*/
		/* font-family: 'Montserrat', sans-serif; */
		font-family: 'Questrial', sans-serif;
		font-size: 11px;
		letter-spacing: 6px;
	}


	#top-nav-links-content nav li
	{
		line-height: 20px;
		margin: 0 0 0 2px; /* space between each link */
		list-style: none;
		display: inline;
	}


	#top-nav-links-content nav li:first-child
	{
		line-height: 20px;
		margin: 0 0 0 10px; /* space between each link */
		list-style: none;
		display: inline;
	}




	/*
	 *
	 * goodroad-music-banner section
	 *
	 */
	#goodroad-music-banner
	{
		width: 100vw;
		padding-top: 10px;
		font-family: 'Questrial', sans-serif;
		letter-spacing: 10px;
		color: #FFFFFF;
		font-size: 13px;
		text-align: right;
	}
	
	
	

	
	
	
	



	/*
	 *
	 * index page
	 *
	 */
	body.index-page
	{
		width: 100vw;
		background-color: #092431;
	}


	/*
	 *
	 * goodroad-music-greeting-wrapper section : default settings for grouping:
	 * greeting-wrapper-left-half and greeting-wrapper-right-half
	 *
	 */
	#goodroad-music-greeting-wrapper
	{
		width: 100vw;
		height: 440px;
		padding-left: 0px;

	}
	
	
	/*
	 *
	 * goodroad-music-banner-index-page section
	 * using for mobile only
	 *
	 */
	#goodroad-music-banner-mobile
	{
		display: block;
		width: 100vw;
		height: 160px;
		padding-top: 0px;
		font-family: 'Questrial', sans-serif;
		letter-spacing: 10px;
		color: #FFFFFF;
		font-size: 13px;
		text-align: right;
	}


	/*
	 *
	 * greeting-wrapper-left-half section : default settings for grouping:
	 * greeting-wrapper-top-part and greeting-wrapper-bottom-part
	 *
	 */
	#greeting-wrapper-left-half
	{
		display: block;
		float: none;
		width: 100vw;
		height: 140px;
	/*	background-color: green;*/
	}



	/*
	 *
	 * greeting-wrapper-top-part section : default settings for grouping:
	 * goodroad-letters and music-letters-image
	 *
	 */
	#greeting-wrapper-top-part
	{
		display: none;
		float: none;
		width: 100vw;
		height: 450px;
	/*	background-color: blue;*/
	}


	/*
	 *
	 * goodroad-letters section
	 *
	 */
	#goodroad-letters
	{
		display: none;
		float: none;
		width: 100vw;
		height: 200px;
		vertical-align:top;
		padding-top: 220px;
		font-family: 'Questrial', sans-serif;
		letter-spacing: 10px;
		color: #FFFFFF;
		font-size: 34px;
	/*	background-color: yellow;*/
	}


	/*
	 *
	 * goodroad-letters-mobile section
	 *
	 */
	#goodroad-letters-mobile
	{
		display: block;
		float: left;
		width: 59vw;
		height: 20px;
		vertical-align:top;
		padding-top: 140px;
		font-family: 'Questrial', sans-serif;
		letter-spacing: 10px;
		color: #FFFFFF;
		font-size: 18px;
	/*	background-color: yellow;*/
	}





	/*
	 *
	 * music-letters-image section
	 *
	 */
	#music-letters-image
	{
		display: none;
		float: none;
		width: 100vw;
		height: 320px;
		padding-top: 100px;
		padding-left: 10px;
	/*	background-color: orange;*/
	}
	
	
	
	/*
	 *
	 * music-letters-image section
	 *
	 */
	#music-letters-image-mobile
	{
		display: block;
		float: left;
		width: 32vw;
		height: 100%;
		padding-top: 90px;
		padding-left: 1vw;
	/*	background-color: orange;*/
	}
	
	

	/*
	 *
	 * music-letters-image section
	 *
	 */
	#music-letters-image-mobile img
	{
		float: left;
		width: 112%;
	}



	/*
	 *
	 * greeting-wrapper-bottom-part section
	 * text
	 *
	 */
	#greeting-wrapper-bottom-part
	{
		width: 92vw;
		height: 100px;
		clear: both;
		margin: 0 auto;
		padding-top: 12px;
		border: 0;
	}


	#greeting-wrapper-bottom-part p
	{
		width: 92vw;
		padding-top: 20px;
		color: #A7B4C2;
		font-family: 'Questrial', sans-serif;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: justify;
	}



	/*
	 *
	 * greeting-wrapper-right-half : default settings for grouping:
	 * sarah-image
	 *
	 */
	#greeting-wrapper-right-half
	{
		display: none;
		float: none;
		width: 100vw;
		height: 450px;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}



	/*
	 *
	 * sarah-image section
	 *
	 */
	#sarah-image
	{
		width: 100%;
		height: 450px;
		float: none;
		display: block;
		overflow: hidden;
		padding: 0;
	}

	#sarah-image img
	{
		width: 100%;
		opacity: 0.1;
	  filter: alpha(opacity=10); /* For IE8 and earlier */
	}


	
	
	
	
	


	/*
	 *
	 * about page
	 *
	 */
	body.about-page
	{
		width: 100vw;
		background-color: #BCAB79;
	}


	#about-wrapper
	{
		width: 100vw;
		height: 100%;
		padding-right: 0%;
		padding-left: 0%;
	}


	/*
	 * first column in the about page
	 */
	#about-image
	{
		display: none;
		float: none;
		width: 100vw;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}


	#about-image img
	{
	 width: 365px;
	 height: 400px;
	}
	

	#about-image-mobile
	{
		width: 294px;
		height: 322px;
		margin: 0 auto;
		padding: 0;
		border: 0;
		display: block;
	}
	
	#about-image-mobile img
	{
		width: 294px;
		height: 322px;
	}



	/*
	 * second column in the about page
	 */
	#about-first-text-column
	{
		float: none;
		width: 92vw;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 4vw;
	}


	/*
	 * third column in the about page
	 */
	#about-second-text-column
	{
		float: none;
		width: 92vw;
		padding-top: 20px;
		padding-right: 0px;
		padding-left: 4vw;
	}





	/*
	 *
	 * learn page
	 *
	 */
	body.learn-page
	{
		width: 100vw;
		background-color: #9FC3CB;
	}


	#learn-wrapper
	{
		width: 92vw;
		height: 100%;
		padding-left: 4vw;
	}


	p#learn-paragraphs
	{
		padding-bottom: 20px;
	}


	p#learn-paragraphs.learn-paragraphs-intermediate
	{
	/*	padding-top: 60px;*/
		padding-bottom: 20px;
	}


	h3#padding-for-intermediate
	{
		padding-top: 0px;
	}


	#sarah-teaching-private-lessons-image-mobile
	{
		width: 294px;
		height: 368px;
		margin: 0 auto;
		padding-bottom: 0.9em;
		border: 0;
		display: block;
	}
	

	#sarah-teaching-private-lessons-image-mobile img
	{
		width: 294px;
		height: 368px;
	}


	img.sarah-teaching-private-lessons
	{
		display: none;
		width: 320px;
		height: 400px;
		padding-bottom: 10px;
		padding-left: 20px;
	}


	img.sarah-presenting-workshop
	{
		display: none;
		width: 400px;
		height: 300px;
		padding-left: 20px;
	}


	#sarah-presenting-uke-workshop-image-mobile
	{
		display: block;
		width: 294px;
		height: 221px;
		margin: 0 auto;
		padding-bottom: 0.9em;
		border: 0;
	}
	


	img.sarah-presenting-uke-workshop
	{
		display: block;
		width: 294px;
		height: 221px;
	}
	
	


	#sarah-presenting-workshop-image-mobile
	{
		display: block;
		width: 294px;
		height: 221px;
		margin: 0 auto;
		padding-top: 0.9em;
		padding-bottom: 0.9em;
		border: 0;
	}
	
	
	#sarah-presenting-workshop-image-mobile img
	{
		width: 294px;
		height: 221px;
	}




	/*
	 *
	 * play page
	 *
	 */
	body.play-page
	{
		width: 100vw;
		background-color: #B7C6D5;
	}


	#play-wrapper
	{
		width: 92vw;
		height: 100%;
		padding-left: 4vw;
	}


	#boulder-ukulele-group-part
	{
		height: 100%;
	}


	img.boulder-ukulele-group-outdoors
	{
		display: none;
		width: 500px;
		height: 281px;
		padding-right: 20px;
	}



	#boulder-ukulele-group-outdoors-image-mobile
	{
		width: 325px;
		height: 183px;
		display: block;
		margin: 0 auto;
		padding-top: 0.9em;
		padding-bottom: 0.9em;
		border: 0;
	}


	#boulder-ukulele-group-outdoors-image-mobile img.boulder-ukulele-group-outdoors
	{
		width: 325px;
		height: 183px;
		display: block;
		padding: 0;
	}


	#john-testimonial
	{
		color: #FFFFFF;
		width: 92vw;
		height: 100%;
	}



	#BUG-at-MT-Studio-part
	{
		width: 325px;
		height: 130px;
		margin: 0 auto;
		padding-top: 0.9em;
		border: 0;
	}


	img.BUG-at-MT-Studio
	{
		width: 325px;
		height: 130px;
		display: block;
		padding-right: 20px;
	}







	/*
	 *
	 * footer section
	 *
	 */
	#footer
	{
		width: 100vw;
		height: 20px;
		/* font-family: 'Montserrat', sans-serif; */
		font-family: 'Questrial', sans-serif;
		font-size: 0.8em;
		letter-spacing: 6px;
		text-align: center;
		color: #FFFFFF;
		padding-top: 5%;
	}


	#footer li
	{
		line-height: 20px;
		margin: 0 0 0 0; /* space between each link */
		list-style: none;
		display: block;
		color: #FFFFFF;
	}


	#footer li:first-child
	{
		width: 100vw;
		line-height: 20px;
		margin: 0 0 0 0; /* space between each link */
		list-style: none;
		display: inline;
		text-align: center;
	}
	
	
	#footer li:nth-child(2)
	{
		display: none;
		line-height: 20px;
		margin: 0 0 0 0; /* space between each link */
		list-style: none;
		text-align: center;
	}
	
	
	#footer li:nth-child(4)
	{
		display: none;
		line-height: 20px;
		margin: 0 0 0 0; /* space between each link */
		list-style: none;
		text-align: center;
	}
	
	
	
	
	
	

	/*
	 *
	 * listen page
	 *
	 */
	body.listen-page
	{
		background-color: #E0BFBE;
		width: 100vw;
	}


	#listen-wrapper
	{
		width: 100vw;
    height: 490px;
    padding-left: 0vw;
	}


	#listen-description-text
	{
		width: 92vw;	
		padding-left: 4vw;
		text-align: justify;
	}
	
	
	#collage-listen-image
	{
		width: 92vw;
		margin: 0 auto;
		padding-top: 20px;
		border: 0;
	}


	#collage-listen-image img
	{
		width: 92vw;
	/*	width: 80%;*/
	/*	padding-left: 50px;*/
	}
	
	
	p.listen-right-tab-text
	{
		padding-top: 0px;
		padding-left: 0px;
	}





	#center-listen-image
	{
		width: 470px;
		margin: 0 auto;
		padding-top: 40px;
		border: 0;
	}


	/*
	 * Uke Social Club at Chautauqua image
	 */
	#center-listen-image img
	{
		width: 467px;
		height: 350px;
	}


	#second-line-listen-images
	{
		width: 1000px;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}


	#second-line-first-listen-images
	{
		float: left;
		width: 470px;
		margin: 0 auto;
		padding-right: 60px;
		border: 0;
	}



	/*
	 * Uke Social Club playing in Lafayette image
	 */
	#second-line-first-listen-images img
	{
		width: 467px;
		height:350px;
	}

	#second-line-second-listen-images
	{
		float: left;
		width: 470px;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}



	/*
	 * Uke Social Club playing RTD bus line opening
	 */
	#second-line-second-listen-images img
	{
		width: 467px;
		height:350px;
	}
	
	
}