html {
        font-family: sans-serif;
      }

      body {
        margin: 0;
      }

      header {
        background: #BEF4E0;
        height: 75px;
      }
   	
     section {
  		display: flex;
		flex-wrap: wrap;
	}

      article {
        padding: 16px;
        margin: 2px;
      	background: #D1F9EA;
	flex: 1 0 0;
      }

      sidebar {
    	border: 1px solid #000000;
	padding: 18px;
        margin: 2px;
	background: #BEF4E0;
	flex-direction: column;
	flex: 1 0 0;
        }


      footer {
        background: #BEF4E0;
	flex: 1 0 0;
              }

       h1 {
        text-align: center;
        color: black;
        line-height: 70px;
	font-size:3vw;
        margin: 0;
      }

	h2 {
        text-align: center;
        color: black;
        
	font-size:2vw;
        margin: 8;
      }

        h4 {
        text-align: left;
        color: black;
        
	font-size:1.5vw;
        margin: 5;
      }

        p {
        color: black;
        font-size:1.2vw;
        margin: 10;
      }

	a {
	font-weight: normal;
	}

@media screen and (min-width: 640px){
flex-container {
        	display: flex;

		flex-wrap: nowrap;
    	}   
}