.block {
    margin-top:15px;
    margin-left:15px;
	display: flex;
	flex-direction: column;
}

.counterHeader {
	float: left;
	font-weight: bold;
	font-size: 1.0em;
	display:block;
}

header {
	overflow: hidden;
	background: #911c57	
  }
  
  header a, header label {
	display: block;
	padding: 20px;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
  }
  
  header a:hover, header label:hover { color: #aaa; }
  
  header label {
	background-color: #911c57;
	float: right;
	padding: 18px 20px;
	cursor: pointer;
  }
  
  header label:after {
	content: "\2261";
	font-size: 1.8em;
	font-weight: bolder;
	background-color: #911c57
  }
  
  .logo {
	float: left;
	font-weight: bold;
	font-size: 1.5em;
	background-color: #911c57;
  }
	
  nav {
	float: right;
	background-color: #911c57;
	max-height: 0;
	width: 100%;
	-webkit-transition: max-height 0.3s; 
	   -moz-transition: max-height 0.3s;
		 -o-transition: max-height 0.3s;
			transition: max-height 0.3s;
  }
  
  nav ul {
	margin: 0;
	padding: 0;
	 padding-bottom: 10px;
  }
	
  nav li {
	display: block;
	text-align: center;
  }
	
  nav a {
	padding: 10px;
	width: 100%;
  }
  
  #nav { display: none; }
  
  #nav:checked ~ nav {
	max-height: 200px; /* This can be anything bigger than your nav height. The transition duration works with this */
  }
  
  @media only screen and (min-width: 700px) {
	
	header label { display: none; }
	#burger {display:none}
	nav {
	  width: auto;
	  max-height: none;
	}
	
	nav ul {
	  padding: 0;
	  padding-right: 10px;
	}
	
	nav li {
	  display: inline-block;
	  text-align: left;
	}
	
	header nav a {
	  display: inline-block;
	  padding: 20px 10px;
	  width: auto;
	}
	
  }