/*
 * Mobile styles & Breakpoints
 * By Rick Baker
 * www.keepwest.co
 *
 * @see https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width
 * (min-width: 1800px) == Greater than or equal to 1800px
 * (max-width: 750px) == Less than or equal to 750px 
 * 
 */

/* 
 * Breakpoints 
 */
    /* Cinema Display and larger */
    @media (min-width: 1800px) {
		.tagline,
		.socials {
			font-size: 21px;
		}
		.sign-up .title,
		.sign-up-form input {
			font-size: 90px;
		}
    }

    /* Smaller than Desktop HD */
    @media (max-width: 1200px) {

    }

    /* Smaller than tablet */
    @media (max-width: 800px) {
	    .container {
	        background-position: center right;
	    }
	    .logo {
		    right: auto;
		    left: 0;
	    }
		.tagline,
		.socials {
			opacity: 0;
			visibility: hidden;
		}
		.sign-up {
			top: 20px;
		}
		.sign-up .title {
			max-width: 205px;
		}
		.sign-up .title,
		.sign-up-form input {
			font-size: 28px;
			line-height: 0.9;
		}
		.sign-up-form .button {
			top: 0;
		}
    }