@media only screen and
(max-width:690px){
   html{
	font-size: 1rem;
  }


  
  
  .nav {
	width: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	text-align: center;
  }
  label[for="nav-trigger"] {
	position: absolute;
	right: 4vw;
	top: 0vw;
	z-index: 999;
	height: 30px;
	width: 30px;
	cursor: pointer;
	background-image: url("../images/menu.png");
	background-size: cover;
	margin-top: 2rem;
	margin-right: 0px;
	display: none;	
  }
  /* Make the Magic Happen */
  .nav-trigger + label, .nav {
    transition: all 0.2s;
  }
  .nav-trigger:checked + label[for="nav-trigger"]{
    background-position: 100% 0;
  }
  .nav-trigger:checked ~ .nav {
    left: 0;
}
  
main{
	float: right;
	text-align: left;
	margin-left: 0;
	width: 100%;
	margin-right: 0;
	padding-left: 0rem;
	padding-right: 0rem;
}
header .nav{
	width: 100%;
	display: inline-block;
	font-size: 1.4rem;
	margin-top: 12rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: left;
	background-color: #D8C700;
	}
	
footer {
	clear: both;
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	padding-top: 0rem;
}
footer2 {
	clear: both;
	width: 100%;

}
header {
	width: 100%;
	display: block;
	padding-top: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
header2 {
	width: 100%;
	display: none;
	padding-top: 2rem;
	padding-left: 4rem;
	padding-right: 4rem;	
}
h1 {
	font-size: 1.0rem;
	margin-top: 0rem;
	margin-right: 0rem;
	margin-left: 0rem;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: 500;
}
/*
content {
	width: 100%;
	float: right;
	text-align: left;
	border-right-style: none;
	min-height: 60vh;
}
*/

	p {
	margin-block-start: 0rem;
	margin-block-end: 0rem;
	text-align: left;
}
    h2 {
    font-size: 1.2rem;
    margin-block-start: 0rem;
    margin-block-end: 0rem;
    margin-bottom: 1rem;
    margin-top: 0rem;
    font-weight: bold;
}