/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {

}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	

}


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }

	h1{ font-size: 2em; line-height: 1; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
		
	
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 12px; }
	
}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	
	
}

@media only screen 
and ( min-width : 375px) 
and ( max-width : 667px) 

and ( orientation : landscape) { 
	body{	
		background-image: url(https://www.praisetheplague.com/24/images/back_mobile.jpg);
					background-position: top center;
			background-repeat:  no-repeat;
			background-attachment: scroll;
	 -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
	
	}
.main-area .desc .logo img{ margin-top:80px; }
.main-area .desc img{max-width: 180px; margin-top:40px;}
.main-area .social-btn{ position: absolute;  width: 350px; left: 50%; transform: translateX(-50%); }
.main-area .legal{ position: absolute;}
.dates{ padding: 5px; margin-top: 20px;}
.legaltext{ line-height: 1em; font-size: 0.7em;}
main-area .desc {margin-top: 40px;}
}

@media only screen 
and ( min-width : 375px) 
and ( max-width : 667px) 
and ( orientation : portrait) { 
	
	body{	
		background-image: url(https://www.praisetheplague.com/images/back_mobile.jpg);
					background-position: top center;
			background-repeat:  no-repeat;
			background-attachment: scroll;
	 -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
	
	}
.main-area .desc .logo img{ margin-top:80px; }
.main-area .desc img{max-width: 180px; margin-top:40px;}
.main-area .social-btn{ position: absolute; width: 350px; left: 50%; transform: translateX(-50%); }
.main-area .legal{ position: absolute;}
.dates{ padding: 5px; margin-top: 20px;}
.legaltext{ line-height: 1em; font-size: 0.7em;}
.main-area .desc {margin-top: 40px;}
}