/*======================== Desktop and Loptop and Other Tablet 768<px========================*/
@media (min-width: 768px) {
	#textslider {
		margin:1rem 0;
	}
	
}

@media (max-height: 750px) and (min-width: 520px) {
	.impnav {
    margin: 0;
    opacity: 0;
    padding-top: 70px;
    width: 200px;
	}
}


/*======================== Tablet 768>px ========================*/
@media (max-width: 768px) {
	html {
        font-size: 100%;
    }
	#textslider {
		margin:1rem 0;
	}

	.imperfect-intro h1 {
		font-size: 2.5rem;
	}

	#video {
		display:none;
	}

	img.song-cover {
		width: 300px;
	}
	canvas {
		display: none;
	}
	.impnav {
    margin-top: 0;
	}
}
/*======================== Phone 640>px ========================*/
@media (max-width: 640px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#textslider {
		height: 160px !important;
	}
	.imperfect-intro h1 {
		font-size: 1.8rem;
	}
	.imperfect-intro h2 {
		font-size: 1rem;
	}

	.nav.bottom .arrow, .nav.top .arrow {
    top: 0.3rem;
    transform: scale(0.7);
	}

	ul.impnav li {
    padding: 0;
}
}
/*======================== Phone 480>px ========================*/
@media (max-width: 480px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 200%;
	}
	#textslider {
		height: 120px !important;
	}
	img.song-cover {
		width: 200px;
	}
	
	#heart-png {
	    position: relative;
	}

    ul.impnav {
        width: 250px;
    }

}
/*======================== Phone 360>px ========================*/
@media (max-width: 360px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 200%;
	}
	#textslider {
		height: 250px !important;
	}
}
/*======================== Phone 320>px ========================*/
@media (max-width: 320px) {
	html {
        font-size: 60%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#textslider {
		height: 250px !important;
	}
}


/* IE10+ specific styles go here */  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   
   	.heart-div {
	    height: 468px;
	}
   
}