/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
    body{ 
        font-size: 17px; 
    }
    .cta {
        margin: 6vh auto 0 auto;
    }
    .main-area .logo { width: 260px; height: 60px; }
    .main-area .desc{ max-width: 700px; }
}


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

	p{ line-height: 1.4; }

	h1{ font-size: 2.8em; 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) {

	body{ 
        font-size: 12px; 
    }
    .cta .input input {
        width: 140px;
    }
    .cta.active {
        width: 250px;
    }
	
}

/* Height Under : 470px
-------------------------------------------------------------------------- */
@media only screen and (max-height: 470px) {
	
	.main-area .logo { margin-bottom: 60px; }
    .main-area .desc{ margin: 15px auto 50px auto; }
    .main-area .social-btn{  bottom: 15px; }
}