*, *::before, *::after{
     margin: 0;
     padding: 0;
     box-sizing: border-box; 
  }

html {
    position: relative;
    height: 100%;
    height: -webkit-fill-available;

}

body
{
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #000;
	background-color: #f6f6f6;
	height: 100%;
	display: flex;
	flex-direction:column;
	min-height:100vh;
	 /* mobile viewport bug fix */
  	min-height: -webkit-fill-available;
}

.bodywrap{
	flex:  1;
	height: 100%;
	display:  flex;
	flex-flow: column;
}

.container{
	/*height: calc(100vh - 70px);*/
}
.maincontainer{
	flex-grow: 1;
	max-width: 100%;
}

@media (max-width: 650px){
	.maincontainer{
		width: 100%;
	}
}


@media (min-width: 650px){
	.bodywrap{
	}

	.maincontainer{
		display: flex;
		flex-flow: column;
		flex: 1 1 auto;
	}

	.spacer_desktop{
		height: 75px;
	}
}

.main{
	flex: 1 1 auto;
	display:  flex;
	flex-flow: column;

	min-height: 0;

	justify-content: center; /*centers items on the line (the x-axis by default)*/
	align-items: center; /*centers items on the cross-axis (y by default)*/
}

/*
 * Forms
 ****************************/
label
{
	display: block;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}


/*
 * Register form
 ****************************/
.register-form
{
	margin: 0 auto 25px auto;
}

button, input, optgroup, select, textarea{
	max-width: 100%;
}

.formwrap{
	min-width: 350px;
	max-width: 500px;
	padding: 10px 30px;
	margin:  auto auto;
	background-color: #FFF;
	border: 1px solid lightgrey;
	border-radius: 5px;
}

textarea{
	border: 1px solid lightgrey;
}

.formwrap h1{
	text-align: center;
}

.formwrap .btn-primary{
	width: 100%;
}

.formwrap p{
	text-align: center;
}

.formwrap input[type="text"], 
.formwrap input[type="password"],
.formwrap select{
	margin-bottom: 10px;
}

.formwrap input[type="submit"]{
	margin-top: 20px;
}

.flex-break {
  flex-basis: 100%;
  height: 0;
}

b, strong {
	font-weight: 600;
}

ul{
	margin-left: 20px;
}

form{
}