@import url('https://fonts.googleapis.com/css?family=Merriweather|Pacifico|Satisfy');

@media only screen and (min-width: 1200px) {
	.line-1 {font-size:5em}
	.line-2 {font-size:1.5em}
	.lede {font-size: 1.5em}
	h1 {font-size: 4em}
	h2 {font-size: 1.8em}
	.mobile {display: none}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.line-1 {font-size:4.5em}
	.line-2 {font-size:1.4em}
	.lede {font-size: 1.4em}
	h1 {font-size: 3em}
	h2 {font-size: 1.6em}
	.mobile {display: none}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.line-1 {font-size:4.5em}
	.line-2 {font-size:1.4em}
	.lede {font-size: 1.4em}
	h1 {font-size: 3em}
	h2 {font-size: 1.6em}
	.main-container {background-color:rgba(255, 255, 255,1);}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	.line-1 {font-size:3.2em}
	.line-2 {font-size:1.3em}
	.lede {font-size: 1.3em}
	h1 {font-size: 2.5em}
	h2 {font-size: 1.6em}
	.main-container {background-color:rgba(255, 255, 255,1);}
	
}

@media screen and (max-width: 575px) {
	.line-1 {font-size:2.8em}
	.line-2 {font-size:1.2em}
	.lede {font-size: 1.2em}
	h1 {font-size: 2.4em}
	h2 {font-size: 1.5em}
	.main-container {background-color:rgba(255, 255, 255,1);}
}