@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@-webkit-viewport { width:device-width; }
@viewport { width:device-width; }

html
{
	font-size:100%;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body
{
	margin:0;
	padding:0;
	color:#444;
	font-family: 'Be Vietnam Pro', Tahoma, Geneva, Verdana, sans-serif;
    line-height:1.4rem;
	font-size:1rem;
	font-weight:400;
	background-color:#fff;
    height: 100vh;
}

.wrap
{
  margin: auto;
  padding: 0 1rem;
}

header
{
  display: block;
  padding: 0.2rem 0;
}
header > .content
{
  display: block;
  margin: auto;
  padding-bottom: 0.2rem;
  border-bottom: 2px solid #FFCA3A;
}
header > .content > .logo
{
  display: inline-block;
  width: 5rem;
  text-align: left;
  vertical-align: top;
  padding: 0.2rem 0.8rem 0 0;
  margin-left:1rem;
}
header > .content > .logo img
{
  display: block;
}

main
{
  display: block;
  margin: auto;
  margin-bottom: 0.5rem;
  padding:0 1rem 0 1rem;
}

main > h1
{
  display: block;
  font-family: 'Be Vietnam Pro', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 700;
  color: #252626;
}

footer
{
  display: block;
  width: 100vw;
  background-color: #00804A;
  color: #f6f6f6;
  border-top: 3px solid #FFCA3A;
  padding: 1rem 0;
  position: absolute;
  bottom: 0;
  height: 8.3rem;
}
footer > .logo
{
  display: block;
  width: 16rem;
  text-align: center;
  margin: auto;
}
footer > .copy
{
  display: block;
  width: 20rem;
  margin: auto;
}
footer > .copy > span
{
  display: block;
  text-align: center;
  font-size: 0.8rem;
  color: #ffffff;
}

@media only screen and (min-width: 40rem) {

}

@media only screen and (min-width: 60rem) {

}