* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Alfa Slab One';
}

body {
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
    background-color:#2e2459;
    color:whitesmoke;
    text-align: center;
    padding: 3rem 0 3rem 0;
    font-size: 2rem;
}


header {
    border-bottom: solid ;
    position:sticky;
    background-color: whitesmoke;
    color: black;
    padding: 2rem 0 2rem 1rem;
    font-size: 2rem;
}

.section-intro {
	font-size: 4rem;
	color: whitesmoke;
	background-color: #0b7261;
	padding: 3rem 0 3rem 1rem;
}

.section-body {
	font-size: 3rem;
	padding: 1rem
}

@media only screen and (min-width: 600px) {
	footer {
		position: fixed;
		width: 100%;
		bottom:0;
    		padding: 4rem 0 4rem 0;
	}

	.section-intro {
		font-size: 6rem;
		padding: 3rem 0 3rem 3rem;
	}

	.section-body {
		font-size: 4rem;
		padding: 3rem 0 3rem 3rem;
	}

	header {
		padding: 3rem 0 3rem 3rem;
	}
}