* { 
	font-family: 'Lato', sans-serif;
	/*border: 1px solid black;*/
}

h1 {
	font-family: 'Avenir-light', 'Lato', 'Helvetica', sans-serif;
	font-size: 60px;
}

h4 {
	font-size: 1.4em;
	color: #ff00e3;
}

p { 
	font-size: 24px;
}

.bg-brand-cyan {
	background: #00aeff;
	color: white;
}

.bg-brand-magenta {
	background: #f700f4;
	color: white;
}

.jumbotron {
	background: white;
}

body {
    padding-bottom: env(safe-area-inset-bottom);
}

@media only screen and (min-width: 1200px) {
	h1 { 
		font-size: 90px 
	}

	p {
		font-size: 28px;
	}
}

@media (prefers-color-scheme: dark) {
    body, .jumbotron {
        color: white;
        background: #313639;
    }

	.bg-brand-cyan {
		background: #005379;
	}

	.bg-brand-magenta {
		background: #7f007d;
	}
}