body {
	font-family: sans-serif;
	font-weight:500;
	background-color:#b53aa8;
    color:#000033;
    -webkit-font-smoothing: antialiased;
}

#content-top {
	padding: 12rem 2rem 8rem 2rem;
}

#content-call {
	padding: 12rem 2rem 8rem 2rem;
}

#content {
	margin: 6rem 2rem;
}

.section {
	padding:7rem 2rem 6rem 2rem;
}

.section-form {
	padding:8rem 2rem 10rem 2rem;
}

h1 {
	font-family: 'nazare', sans-serif;
	font-size: 6rem;
	font-weight: 700;
	font-style: normal;
	margin:0 0 3rem 0;
}

h2 {
	font-family: 'nazare', sans-serif;
	font-size: 4.5rem;
	font-weight: 700;
	font-style: normal;
	margin:0 0 3rem 0;
}

h3 {
	font-family: 'nazare', sans-serif;
	font-size: 3rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
	margin:0 0 3rem 0;
}

h3.last {
	margin-bottom:1.5rem;
}

h4 {
	font-family: 'priori-sans', sans-serif;
	font-weight: 500;
	font-size: 2.25rem;
	margin:0 0 3rem 0;
	line-height:1.15;
}

h5 {
	font-family: 'priori-sans', sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
}

h5.site-title {
	position: fixed;
	font-weight:600;
	padding-left:1rem;
}

h5.footer {
	font-weight:600;
	padding-left:1rem;
	padding-bottom:1rem;
}

.site-title > a {
	color:#2196f3;
}

.footer > a {
	color:#2196f3;
}

.footer {
	margin:0;
	background-color:#f2f2f2;
}

p {
	font-family: 'priori-sans', sans-serif;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.15;
	margin: 0 0 3rem 0;
}

em {
	font-style: italic;
}

a {
	color:hsla(0, 0%, 95%, .95);
	font-weight: 400;
}

.on-white {
	color:hsla(240, 100%, 10%,.9);
}

a:hover {
	color: blue;	
}

strong {
	font-weight:800;
}

li {
	font-family: 'priori-sans', sans-serif;
	font-weight: 400;
	font-size: 1.45rem;
	line-height: 1.1;
}

.scale-with-grid {
		max-width: 100%;
		height: auto;
}


@media (max-width: 1200px) {
	#content-top { padding: 12rem 2rem 8rem 2rem; }
	#content { margin: 8rem 2rem 6rem 2rem; }
	.section { padding: 8rem 2rem; }
	h4 { font-size:3rem; }
	h5.site-title { font-size:2rem; }
	h5.footer { font-size:2rem; }
}

@media (max-width: 800px) {
	#content-top { padding: 12rem 2rem 8rem 2rem; }
	#content-call { padding: 10rem 2rem 4rem 2rem; }
	#content { margin: 6rem 2rem 4rem 2rem; }
	.section { padding: 6rem 2rem; }
	.section-form { padding: 6rem 2rem; }
	h1 { font-size: 5rem; }
	h2 { font-size: 3.8rem; }
	h3 { font-size: 3rem; }
	h4 { font-size: 2.6rem; }
}

@media (max-width: 540px) {
	#content-top { padding: 8rem 2rem 4rem 2rem; }
	#content-call { padding: 6rem 2rem 3rem 2rem; }
	#content { margin: 4rem 2rem 3rem 2rem; }
	.section { padding: 4rem 2rem; }
	.section-form { padding:4rem 2rem; }
	p { font-size:1.5rem;margin-bottom:2rem; }
	h1 { font-size: 2.6rem;margin-bottom:2rem; }
	h2 { font-size: 2.4rem;margin-bottom:2rem; }
	h3 { font-size: 2.2rem;margin-bottom:2rem; }
	h4 { font-size: 1.8rem;margin-bottom:2rem; }
	h4.last { padding-bottom:2rem; }
	h5.site-title { font-size:1.2rem;padding-top:0;}
	h5.footer { font-size:1.2rem;}
}

@media (max-width: 375px) {
	h1 { font-size: 2.4rem; }
	#content-top { padding: 8rem 1rem 4rem 1rem; }
	#content-call { padding: 6rem 1rem 2rem 1rem; }
	#content { margin: 4rem 1rem; }
	.section { padding: 4rem 1rem; }
	.section-form { padding:2rem 1rem; }
}	









