@media only screen and (min-width: 1200px) {
	.mobile-nav {
		display: none;
	}
}

/* ipad pro */
@media (min-width: 992px) and (max-width: 1199px) {
	.menu .logo, .menu-alt .logo {
		left: 35%;
	}
	.mobile-nav {
		display: none;
	}
	.footer li {
		margin-left: 2.5rem;
	}
	.menu .top-links ul li a img, .menu-alt .top-links ul li a img {
		right: -2rem;
	}
	.roster .artists {
		margin: 4rem 2rem 4rem 5rem;
	}
}

@media (min-width: 861px) and (max-width: 991px) {
	.menu .logo, .menu-alt .logo {
		left: 35%;
		top: 3.5rem;
    	width: 18rem;
	}
	.menu .top-links ul li a img, .menu-alt .top-links ul li a img {
		right: -2rem;
	}
	.mobile-nav {
		display: none;
	}
	h1 {
		font-size: 6rem;
		line-height: 5rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	p {
		font-size: 1rem;
		line-height: 2rem;
		letter-spacing: .1rem;
	}
	br {
		display: none;
	}
	.footer li {
		margin-left: 2rem;
	}
	.footer li a {
		letter-spacing: .3rem;
		font-size: 1.3rem;
	}
	
	.home .text h1 {
		font-size: 3rem;
		line-height: 3rem;
		letter-spacing: .2rem;
		padding: 3rem 5rem 3rem 1rem;
	}
	.about .image-1 {
		margin-top: 25px;
	}
	.about .about-section-3 .text-1 h1 {
		font-size: 5.5rem;
		line-height: 4.5rem;
	}
	.roster .artists {
		margin: 4rem 2rem 4rem 3.5rem;
	}
}

/* ipad */
@media (min-width: 760px) and (max-width: 860px) {
	br {
		display: none;
	}
	.top-links, .side-links {
		display: none;
	}
	
	.menu .logo, .menu-alt .logo {
		width: 15rem;
		left: 35%;
	}
	.page-header {
		font-size: 4rem;
		line-height: 4rem;
		letter-spacing: .3rem;
	}
	
	.home .text h1 {
		padding: 0rem 0rem 0rem 1rem;
		top: 18rem;
	}
	h1 {
		font-size: 6rem;
		line-height: 4.5rem;
	}
	h2 {
		font-size: 1.8rem;
	}
	p {
		font-size: 1rem;
		line-height: 1.8rem;
		letter-spacing: .1rem;
	}
	.modal-header img {
		width: 50%;
		position: relative;
		right: -224%;
	}
	.home .video {
		background-position: right;
	}
	.home .arrow img {
		top: -10rem;
		width: 25%;
		right: -65%;
	}
	.about .image-1 {
		margin-top: 50px;
	}
	.about .about-section-1 .text-1 h1, .about .about-section-3 .text-1 h1 {
		font-size: 4rem;
		line-height: 3.5rem;
	}
	.about .about-section-2 h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
	.roster .artists {
		margin: 4rem 2rem 4rem 2rem;
	}
	.contact .mobile-padding {
		padding: 0rem 5rem;
	}
	
	
	.footer li {
		margin-left: 3rem;
	}
	.footer li a {
		letter-spacing: .2rem;
		font-size: 1.2rem;
	}
}

@media screen and (min-width:416px) {
	.mobile-only {
		display:none !important;
	}

	.desktop-only {
		display:block !important;
	}
}

/* mobile */
@media only screen and (max-width: 415px) {
	.col-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-only {
		display:block !important;
	}

	.desktop-only {
		display:none !important;
	}
	h1 {
		font-size: 4rem;
		line-height: 3rem;
	}
	h2 {
		font-size: 2rem;
	}
	p {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	br {
		display: none;
	}
.form-line {
    padding: 0px 0px;
}
	.top-links, .side-links {
		display: none;
	}
	.page {
		margin-top: 12.5rem;
	}
	.home .text h1 {
		height: 45vh;
		font-size: 2.2rem;
		line-height: 2rem;
		letter-spacing: .3rem;
		padding: 0rem 3rem;
		top: 3rem;
	}
	.menu .logo, .menu-alt .logo {
		top: 2.5rem;
		width: 12rem;
		left: 30%;
	}
	.mobile-nav img {
		width: 20%;
		position: absolute;
		top: 1.5em;
		right: 5%;
	}
	.home .video {
		height: 50vh;
	}
	.home .arrow img {
		position: relative;
		top: -8rem;
		width: 15%;
		right: -75%;
	}
	.close {
		font-size: 3rem;
		top: 1rem;
		right: 1.5rem;
	}
	.modal-header img {
		width: 100% !important;
		position: relative;
		left: 145% !important;
	}
	.modal-nav ul li {
		font-size: 4.5rem;
		margin-top: 4rem;
	}

	.about .header-text {
		padding: 3rem 2rem;
	}
	.about .image-1 {
		background-size: 80%;
		height: 500px;
		margin-top: 60px;
	}
	.about .text {
		padding: 0rem 5rem 10rem 3rem;
		top: 5rem;
	}
	.about .about-section-1 .text-1 h1, .about .about-section-3 .text-1 h1 {
		font-size: 4rem;
		line-height: 3rem;
	}
	.about .about-section-2 h1 {
		font-size: 2.5rem;
		line-height: 2.5rem;
		padding: 5rem 2rem 4rem 2rem;
	}
	.about .about-section-3 .image-3 {
		background-size: 100%;
		background-repeat: no-repeat;
		height: 425px;
	}
	.about .about-section-1 .image-2 {
		padding-bottom: 20rem;
		margin-top: 4rem;
		margin-bottom: -4rem;
	}
	.page-header {
		font-size: 4rem;
		line-height: 3rem;
		letter-spacing: .5rem;
	}
	.roster .artists {
		margin: 4rem 2rem 4rem 4rem;
	}
	.mobile-padding {
		padding: 0rem 2rem;
	}
	
	.footer ul {
		display: block;
	}
	.footer li {
		margin-left: -2rem;
	}
	.footer li a {
		font-size: 1.5rem;
		letter-spacing: .2rem;
	}

}

/* iphone */
@media only screen and (max-width: 375px) {
	.menu .logo, .menu-alt .logo {
		top: 2.5rem;
		width: 12rem;
		left: 25%;
	}
	.mobile-nav img {
		width: 20%;
		top: 1.5em;
		right: 5%;
	}
	.modal-header img {
		width: 55%;
		left: 90%;
	}
	.modal-nav ul li {
		font-size: 4rem;
		margin-top: 3rem;
	}
		.close {
			font-size: 3rem;
			top: .95rem;
			right: 1.1rem;
		}
	ul li {
		font-size: 1rem;
		line-height: 2rem;
	}
	.home .text h1 {
		font-size: 1.8rem;
		line-height: 1.5rem;
	}
	h1 {
		font-size: 3.5rem;
		line-height: 3rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	.about .text {
		top: 3rem;
	}
	.about .about-section-1 .text-1 h1 {
		font-size: 3rem;
		line-height: 2.5rem;
	}
	.about .about-section-2 h1 {
		font-size: 2rem;
		line-height: 2rem;
	}
	.about .about-section-3 .image-3 {
		height: 400px;
	}
	.about .about-section-3 .text-1 h1 {
		font-size: 3rem;
		line-height: 2.5rem;
	}

}

/* galaxy s5 */
@media only screen and (max-width: 360px) {
	h1 {
		font-size: 3rem;
		line-height: 2.5rem;
	}
	.page-header {
		font-size: 3rem;
		line-height: 2rem;
		letter-spacing: .3rem;
	}
	.roster .artists {
		margin: 4rem 2rem 4rem 2rem;
	}
	.home .text h1 {
		font-size: 1.2rem;
		line-height: 1.5rem;
		top: 2rem;
	}
	.modal-header img {
		width: 50%;
		left: 80%;
	}
}

/* iphone 5 */
@media only screen and (max-width: 320px) {
	.menu .logo, .menu-alt .logo {
		top: 2rem;
		width: 12rem;
		left: 20%;
	}
	.modal-nav ul li {
		font-size: 3rem;
		margin-top: 2.5rem;
	}
	.modal-header img {
		width: 50%;
		left: 70%;
	}
}