/*Media query*/

@media only screen and (min-width: 1200px) {
	#headline {font-size: 3.5em}
	#byline {font-size: 1em}
	.lede {font-size: 1.3em}
	.lede2 {font-size: 1.1em}
	.div-left {font-size: 1.2em}
	.heading {font-size: 2em}
	.para2 {font-size: 1.2em}
	.tip {margin-bottom: 50px;	padding-bottom: 20px;}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	#headline {font-size: 2.8em}
	#byline {font-size: 0.9em}
	.lede {font-size: 1.3em}
	.heading {font-size: 1.5em}
	.para2 {font-size: 1.2em}
	.tip-content {padding-left: 10px; padding-right: 10px}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#headline {font-size: 2.5em}
	#byline {font-size: 0.8em}
	.lede {font-size: 1.2em}
	.heading {font-size: 1.4em}
	.para2 {font-size: 1.1em}
	.tip-content {padding-left: 10px; padding-right: 10px}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	#headline {font-size: 2em}
	#byline {font-size: 0.7em}
	.lede {font-size: 1.2em}
	.heading {font-size: 1.3em}
	.para2 {font-size: 1em}
	.tip-content {padding-left: 10px; padding-right: 10px}
}

@media screen and (max-width: 575px) {
	#headline {font-size: 1.8em}
	#byline {font-size: 0.65em}
	.lede {font-size: 1.2em}
	.heading {font-size: 1.2em}
	.para2 {font-size: 0.9em}
	.tip-content {padding-left: 10px; padding-right: 10px}
}



 /* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .cover {
        background-attachment: scroll;
    }
}