.no-js .top-bar {
  display: none;
}
@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }
  .no-js .title-bar {
    display: none;
  }
}
body, html {
	font-family: "raleway", helvetica, arial;
	display: flex;
  	min-height: 100vh;
  	flex-direction: column;
  	color: #2F2E2E;
}
main {
	 flex: 1;
}
a {
	color: #2F2E2E;
}
.hagee h1,.hagee  h2,.hagee  h3,.hagee  h4,.hagee  h5 {
	font-family: "raleway", helvetica, arial;
	font-size: 1.5rem;
}
.hagee h1, .hagee h2 {
	margin-top: 3rem;
}
.hagee form#loginForm h2 {
	font-size: 1.5rem;
	margin-top: 0;
}
.top {
	height: 125px;
	border-bottom: 50px solid #6cbfa7;
	}
.top-bar, .top-bar ul {
	background-color: #fff;
	padding-top: 17px;
	padding-bottom: 0px;
}
.topbar img {
	
}
.top-bar a {
	color: #2F2E2E;
	padding: 2rem;
}
.top-bar li {

}
.top-bar a:active, .top-bar a:hover {
	color: #fff;
	background-color:  #6cbfa7;
}
.top-bar-left a, .top-bar-left a:active, .top-bar-left a:hover {
background-color:  #fff;
padding: 0rem;	
}  
.home-body {
	background-image: url(/assets/img/bg_girl_coffeeshop.jpg);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size:cover;
	flex: 1;
	min-height: 15rem;
}

.sidebar {
	margin: 3rem 0 0 1rem;
	border: 0px solid rgba(50, 65, 88, 1);
    background-color: rgba(247, 246, 247, 1);
    border-radius: 0 25px 0 0;
    padding: 15px;
}
.sidebar h2 {
	color: #37D867;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;	
}
.sidebar a {
	border-radius: 5px 5px 5px 5px;
    background-color: rgba(47, 46, 46, 1);
    border: solid rgba(47, 46, 46, 1) 1px;
     display: inline-block;
    cursor: pointer !important;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    justify-content: center;
    color: #fff;
    width:100%;
    height: 46px;
    padding: 10px;
}
.sidebar a:hover {
    font: normal normal normal 16px/1.4em raleway,sans-serif;
    transition: color 0.4s ease 0s;
    color: #FFFFFF;
    display: inline-block;
    margin: calc(-1 * 1px) 1px 0;
    position: relative;
    white-space: nowrap;
   }
.welcomebox {
	background-color: rgba(84, 149, 138, 1);
	margin: 3em 0 3em 90px;
	padding: 1em;
	color: #fff;
	font-size: 35px;
}
#loginForm {
	background-color: rgba(84, 149, 138, 1);
	margin: 3em 1em 1em 1em;
	padding: 1em;
	color: #fff;
	font-size: 16px;
}
#loginForm h1 {
	color: #fff;
	font-family: "raleway", helvetica, arial;
	font-size: 35px;	
}
span.intro {
	margin-top: 3rem;
	display: block;
	color: #37D867;
	font-size: 18px;
	font-weight: bold;
}
section.lightrow {
	padding: 2rem;
	min-height: 400px;
}
footer {
	background-color: #333;
	color: #fff;
	padding: 3rem;
	margin: 3rem 0 0 0;
}
footer a {
	color: #fff;
}
a.accordion-title {
	font-weight: bold;
	color: #000;
	font-size: 16px;
}
.NumberField--steppers {
	margin-top: -18px;
}
#root{flex:1 0 0px;-ms-flex:1 0 0px;display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column;overflow:auto;background-image:url(https://static.wixstatic.com/media/345956_f2ea777b81874d24bc3e61eddfc6f872~mv2.png/v1/fill/w_700,h_461,al_c,lg_1,q_90/2-Ringen.webp);background-position:-520px 0;background-repeat:no-repeat; height: 922px;}

@media screen and (max-width: 39em) {
	.top {
	height: 90px;
	border-bottom: 50px solid #6cbfa7;
	}
	.home-body {
	background-image: url(/assets/img/bg_girl_coffeeshop.jpg);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
    background-size:cover;
	flex: 1;
	min-height: 20rem;
	}
	#logo {
		display: none;
	}
	.welcomebox {
	background-color: rgba(84, 149, 138, 1);
	margin: 0;
	padding: 1em;
	color: #fff;
	font-size: 20px;
}
	}