@media (min-width: 360px) { 
	
	.navbar-brand img {
		width: 270px;
	}
	.joinBtn a.btn-join {
		font-size: 1.7rem;
		line-height: 2.5rem;
	}
	div.subscription .description .line-1 {
		font-size: 1.8rem;
	}
}

@media (min-width: 480px) { 

	h1 {
		font-size: 2rem;
	}
	.title h2 {
		font-size: 3rem;
		line-height: 3rem;
	}
	.navbar-light .navbar-nav a.nav-link {
		font-size: 1.5rem;
	}

	.joinBtn a.btn-join,
	div.subscription .btn-upgrade {
		font-size: 2rem;
		line-height: 3rem;
	}
	div.subscription .description .line-1 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	div.subscription .description .line-2 {
		font-size: 1.4rem;
	}
	div.subscription .additional-info {
		font-size: 1.3rem;
		padding-top: 1.4rem!important;
		padding-right: 1rem;
	}
	div.subscription .pricing {
		font-size: 2rem;
		line-height: 2.5rem;
		min-width: 8rem;
	}
	div.subscription .pricing .duration p {
		font-size: 1rem;
	}
	.story p {
		font-size: 1.2rem;
	}
}
@media (min-width: 576px) { 
	html {
		font-size: 14px;
	}
}

@media (min-width: 768px) {

	.title h2 {
		padding-top: 1rem;
		font-size: 3.5rem;
	}
	.navbar-light .navbar-nav a.nav-link {
		font-size: 1.8rem;
	}
	.joinBtn a.btn-join,
	div.subscription .btn-upgrade {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	div.subscription .description {
		padding: .75rem!important;
		max-width: none;
	}
	div.subscription .pricing {
		font-size: 2.5rem;
		line-height: 3rem;
		min-width: 11rem;
	}
	div.subscription .pricing .duration p {
		font-size: 1.1rem;
	}
	div.subscription .additional-info {
		font-size: 1.8rem;
		padding-top: 2rem!important;
		padding-right: 1rem;
	}

	@supports (display: grid) {
		div.payment_options-wrapper {
			-ms-grid-columns: repeat(2, minmax(50%, 1fr));
			grid-template-columns: repeat(2, minmax(50%, 1fr));
		}
	}

}

@media (min-width: 992px) {
	
	html {
		font-size: 16px;
	}
	h1 {
		font-size: 1.6rem;
	}
	.navbar-brand {
		margin-right: 3rem;
	}
	.navbar-light .navbar-nav a.nav-link{
		border-bottom: none;
		border-right: 3px solid #222;
		font-size: 1.2rem;
		margin: 1rem 0rem;
		padding: 0rem .5rem;
	}
	.navbar-light .navbar-nav a.nav-link.no-border {
		border-right: none;
	}
	.navbar-brand img {
		width: 300px;
	}
	
	.joinBtn a.btn-join, 
		div.subscription .btn-upgrade {
		font-size: 2rem;
		line-height: 2rem;
	}
	
	.story p {
		font-size: 1rem;
	}
	
	.videoPlayer {
		max-width: 556px;
	}

	div.subscription .description {
		padding: 0.4rem 1rem;
		max-width: 100%;
		padding: .5rem!important;
		padding-left: 1rem!important;
	}
	div.subscription {
		margin: .15rem 0;
		max-height: 6rem;
	}
	div.subscription.subs-1 {
		margin: 5rem 0;
	}
	div.subscription.subs-2{
		margin: 2rem 0;
	}
	div.subscription.subs-1 .pricing{
		padding-top: 1.5rem;
	}
	div.subscription.subs-2 .pricing{
		padding-top: 0.9rem;
	}

	.package-button div.subscription {
		margin: 4px 0 0 0;
	}

	div.subscription .description .line-1 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	div.subscription .description .line-2 {
		display: none;
		font-size: .9rem;
		line-height: 1rem;
	}
	div.subscription .line-additional-info {
		font-size: 1rem;
		line-height: 1.1rem;
	}

	div.subscription .pricing {
		padding: .5rem;
		font-size: 1.4rem;
		line-height: 1.4rem;
		min-width: 6rem;

	}
	div.subscription .pricing .duration p {
		font-size: .8rem;
		margin-bottom: 0rem;
		line-height: 1.5rem;
	}
	div.subscription .btn-upgrade {
		font-size: 1.5rem;
		line-height: 1.45rem;
	}

}

@media (min-width: 1200px) {

	.navbar {
		padding: .2rem 1rem;
	}
	.navbar-light .navbar-nav a.nav-link {
		font-size: 1.5rem;
		margin: 1rem 0rem;
		padding: 0rem 1rem;
	}

	.navbar-brand {
		margin-right: 4rem;
		padding-top: 0rem;
		padding-bottom: 0rem;
	}
	.navbar-brand img {
		width: auto;
		height: 3.6rem;
	}
	
	.btn-join{
		font-size: 1.8rem;
	}
	
	.videoPlayer {
		max-width: 670px;
	}

	.package-title h4 {
		font-size: 2.2rem;
		margin-top: 1.4rem;
	}
	
	div.subscription {
		margin: .2rem 0;
		max-height: 6rem;
	}
	
	div.subscription .pricing {
		padding: .7rem;
		font-size: 1.8rem;
		line-height: 1.8rem;
		min-width: 7rem;
	}
	div.subscription .additional-info {
		font-size: 1rem;
		padding-top: 1.3rem!important;
		padding-right: .3rem;
	}

	div.subscription .btn-upgrade {
		font-size: 2rem;
		line-height: 2.25rem;
	}
}
@media (min-width: 1440px) {
	.videoPlayer {
		max-width: 810px;
	}
	html {
		font-size: 18px;
	}
	.navbar-brand {
		margin-right: 6rem;
	}
	div.subscription .description .line-1 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	div.subscription .description .line-2 {
    	font-size: 1rem;
	}
	div.subscription .pricing {
		padding: .9rem;
		min-width: 7.5rem;
	}
	div.subscription .btn-upgrade {
		font-size: 2.1rem;
		line-height: 2.3rem;
	}
}

@media (min-width: 1600px) {
	.videoPlayer {
		max-width: 900px;
	}

	.navbar-brand {
		margin-right: 12rem;
	}
	
	div.subscription .description .line-1 {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	div.subscription .description .line-2 {
    	font-size: 1.2rem;
	}
	div.subscription .additional-info {
		font-size: 1.1rem;
		padding-top: 1.6rem!important;
		padding-right: .5rem;
	}
	div.subscription .pricing {
		padding: 1.2rem 1rem;
		min-width: 8rem;
	}

	div.subscription .btn-upgrade {
		font-size: 2.2rem;
		line-height: 2.7rem;
	}

}

@media (min-width: 1920px) {
	.col-xxl-8 {
		-ms-flex: 0 0 66.666666%;
		flex: 0 0 66.666666%;
		max-width: 66.666666%;
	}
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.videoPlayer {
		max-width: 1200px;
	}

	html {
		font-size: 19px;
	}
	.navbar-brand {
		margin-right: 22rem;
	}
	.navbar-light .navbar-nav a.nav-link {
		font-size: 1.6rem;
	}

	div.subscription {
		margin: .5rem 0;
		max-height: 9rem;
	}

	div.subscription .additional-info{
		display: none!important;
	}
	div.subscription .description .line-1 {
		font-size: 2rem;
		line-height: 3rem;
	}

	div.subscription .pricing {
		padding: 1.4rem 1rem;
		font-size: 2.2rem;
		line-height: 2.5rem;
		min-width: 9rem;
	}
	div.subscription .btn-upgrade {
		font-size: 2.6rem;
		line-height: 4.65rem;
	}
	
	.joinBtn a.btn-join {
		font-size: 2.5rem;
		line-height: 3rem;
	}
}

@media (min-width: 2560px) {

	.navbar-light .navbar-nav a.nav-link {
		font-size: 1.8rem;
	}
	.navbar-brand img {
		width: 360px;
	}
	.videoPlayer {
		max-width: 1600px;
	}
	
	html {
		font-size: 20px;
	}
	.navbar-brand {
		margin-right: 35rem;
	}
	.navbar-brand img {
		width: auto;
		height: 4rem;
	}
	
	div.subscription {
		margin: .8rem 0;
	}
	
	div.subscription .btn-upgrade {
		font-size: 3.3rem;
		line-height: 6.6rem;
	}
	
	div.subscription .additional-info{
		display: block!important;
	}
	
	div.subscription .additional-info {
		font-size: 1.3rem;
		padding-top: 3rem!important;
		padding-right: .5rem;
	}
	div.subscription .description .line-1 {
		font-size: 2.2rem;
		line-height: 3.5rem;
	}
	div.subscription .description .line-2 {
    	font-size: 1.3rem;
	}
	
	div.subscription .pricing {
		padding: 2.15rem 1rem;
		font-size: 2.5rem;
		line-height: 2.5rem;
		min-width: 10rem;
	}
	div.subscription .pricing .duration p {
		font-size: 1rem;
		margin-bottom: 0rem;
		line-height: 1.5rem;
	}
	.joinBtn a.btn-join {
		font-size: 3rem;
		line-height: 4rem;
	}
}