* {margin: 0; padding: 0; border: 0; box-sizing: border-box;}

	.header {background-color: red; display: flex; align-items: center; justify-content: space-evenly; min-height: 15vh;}
    .header div {background-color: #074722; padding: 1vh 4vw; color:#eee; border: solid white 2px; font-size: 1.5vw; font-weight: regular;}
    .header div a {color:#eee;}

	.body1 {background-color: blue;}
	.body2 {background-color: green;}
	.body3 {background-color: purple;}
	
	.footer {background-color: orange; min-height: 10vh;}


@media screen and (min-width: 320px) {
    .body_container {display:flex; flex-flow: column nowrap;}
    .body_container div {min-height: 30vh;}
}

@media screen and (min-width: 950px) {
    .body_container {display:flex; flex-flow: row nowrap; min-height: 75vh;}
	.body_container div {flex-grow: 1;}
}