body, html 						{height:100%;
							width:100%;
							padding:0;
 							margin:0;
 							background:#f1efe8;
 							font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 							font-weight:400;
 							color: #212529;
							line-height: 1.5;
							text-align: left;
 							-webkit-font-smoothing:antialiased;
 							-moz-osx-font-smoothing:grayscale;}

* 							{box-sizing:border-box}

#app 							{height:100%;}

img 							{border:0}

.headerContainer 					{margin-top:54px}

.header 						{ transition:top .2s;
 							margin:0 auto;
 							position:fixed;
 							top:0;
 							width:100%;
 							height:55px;
	 						z-index:10;
							-webkit-font-smoothing:antialiased;
 							border-bottom-style:solid;
 							border-bottom-width:1px;
							background-color: #fff;}
									

.headerWrapper 						{ height:100%;
							display:flex;
							flex-flow:row wrap;
							justify-content:space-between;
							padding:0 50px;
							margin:auto;
							position:relative;
							border-bottom: solid 1px #d915cd; }

.header a 						{flex-wrap:nowrap;
 							display:flex;
 							text-decoration:none;
 							color: white;
 							order: 1;}

.header h1 						{flex-wrap:nowrap;
							display:flex;
							align-items:center;
							flex:1 1 auto;
							float:left;
							margin:0;
							padding:0}

.header h1 img 						{ display:block;
 							margin:auto;
 							height:100% }

.header h2 {
 flex-wrap:nowrap;
 display:flex;
 align-items:center;
 flex:1 1 auto;
 margin:0;
 height:100%;
 padding-left:10px
}
.header h2 span {
 vertical-align:top;
 font:normal 12px/15px title,helvetica,sans-serif;
 text-transform:uppercase
}
.header nav {
 text-align:right;
 justify-content:flex-end;
 flex-wrap:nowrap;
 display:flex;
 align-items:center;
 height:100%;
 text-transform:uppercase;
 text-decoration:none;
 font:16px/28px latoblack,helvetica,sans-serif;
 order: 3;
}
.headerLogin 						{ border-top-style:solid;
 							border-top-width:0 }


@media (min-width:801px) {
.headerWrapper p 					{order: 2;
							display: flex;
							font-size: 17;
							font-weight: bolder;
							color: white;}

.headerLogin>a 						{margin-right:20px;
 							height: 36px;
 							vertical-align: middle;
 							padding: 0px 10px;
 							border: 1px solid #d915cd;
 							font-size: 16px;
 							font-weight: bold;
 							line-height: 36px;
 							text-transform: uppercase;
 							letter-spacing: 1px;
 							text-decoration: none;
 							background: transparent none repeat scroll 0% 0%;
 							color: d915cd;}  


.headerLogin>a:hover 					{ background:#d915cd none repeat scroll 0% 0%;
							color: #fff;}
}

.headerJoin 						{ vertical-align: middle;
  							padding: 0px 10px;
 				 			border: 1px solid transparent;
  							font-size: 16px;
  							font-weight: bold;
  							line-height: 36px;
  							text-transform: uppercase;
  							letter-spacing: 1px;
  							text-decoration: none;
  							background: #d915cd none repeat scroll 0% 0%;
  							color: rgb(0, 0, 0);
  							margin-right: 10px;}

@media (max-width:800px) {
  .headerWrapper p {
	order: 2;
	display: flex;
	font-size: 17;
	font-weight: bolder;
	color: white;
  justify-content: center;
}
 .headerContainer {
  margin-top:81px;
 }
 .header {
  height:auto;
 }
 .headerWrapper {
  padding:0;
  height:auto;
  justify-content:center;
  flex-direction:column
 }
 .headerWrapper>a {
  padding:10px 0;
  height:50px
 }
 .header h2 {
  display:none
 }
 .header nav {
  flex-wrap:nowrap;
  display:flex;
  flex:1 1 auto;
  width:100%;
  justify-content:space-between;
  align-items:stretch
 }
 .headerLogin {
  font:22px/1 latoregular,helvetica,sans-serif;
  align-items:center;
  border-top-width:1px
 }
 .headerJoin,
 .headerLogin {
  width:50%;
  margin:0;
  text-align:center;
  display:flex;
  justify-content:center;
 }
 .headerJoin {
  padding:3px;
  border-radius:0
 }
 .headerJoin a {
  font:22px/1 latoregular,helvetica,sans-serif;
  max-width:200px
 }
}
.myButton {
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:2px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:16px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.myButton:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.myButton:active {
	position:relative;
	top:1px;
}