html{
	/*background-color: rgb(210,210,210);*/
	/*background-image: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9));*/
	
}


@font-face {
  font-family: 'Inter';
  src: url('inter.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('inter.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 

@media screen and (max-width: 900px) {
  body {
    /*background-color: rgb(210,210,210);*/
 	font-family: 'Inter', Arial, sans-serif;
	/* background-image: linear-gradient(rgba(0,0,0,.012), rgba(255,255,255,.9)), url('back.png'); */
	background-size:     contain;                      /* <------ */
   background-repeat:   no-repeat;
   /*background-position: center center;*/ 
   background-position: center center;
   background-attachment: fixed;
   /* background-color: rgb(235,235,235);  */
  }
}

@media screen and (min-width: 900px) {
body {
 	/*background-color: rgb(210,210,210);*/
 	font-family: 'Inter', Arial, sans-serif;
	/* background-image: linear-gradient(rgba(0,0,0,.012), rgba(255,255,255,.9)), url('back.png'); */
	background-size:     contain;                      /* <------ */
   background-repeat:   no-repeat;
   /*background-position: center center;*/ 
   background-position: center center;
   background-attachment: fixed;
   /* background-color: rgb(235,235,235); */ 
}
}

img{
	 /*width: 200px !important;
    height: 200px !important;*/
	 width: 200px;
    height: 200px;
}


a {
	color: black;
	text-decoration: none;
}

.custom {
	margin-left: 10px;
	margin-top: 50px;
    width: 210px !important;
    height: 95px !important;
    color: black !important;
	text-decoration: none;
	background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.customM {
	margin-left: 10px;
	margin-top: 50px;
    /* width: 210px !important; */
    height: 95px !important;
    color: black !important;
	text-decoration: none;
	background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}



.back {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  text-decoration: none;
}

.back a {
  text-decoration: none;
  color: #f2f2f2;
}

.forgotPsw {
	text-align: center;
    color: black;
	text-decoration: none;
}

.terms-main{
	
	color: black;
	margin-top: 60px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
}

.hint {
	text-align: center;
    color: white;
	text-decoration: none;
	font-size: 15px;
	opacity: 0.8;
}

.topBar{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#498223;
}

.error {
 color: #d92b2b;
 text-align: center;
 font-size:15px;
 font-family: Arial, Geneva, Helvetica, sans-serif;
	
}

/* Links inside the navbar */
.titleBar {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  font-family: Arial, Geneva, Helvetica, sans-serif;
}

.logout {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  text-decoration: none;
}

.logout a {
  text-decoration: none;
  color: #f2f2f2;
}

.logout a:hover {
 /* background: #ddd;
  color: black;*/
}

.main {
  margin-top:100px; /* Add a top margin to avoid content overlay */
 font-family: Arial, Geneva, Helvetica, sans-serif;
}

.main2 {
  margin-top:20px; /* Add a top margin to avoid content overlay */
 font-family: Arial, Geneva, Helvetica, sans-serif;
}



.actionButton {
	margin: 10px;
	-moz-box-shadow: 0px 0px 0px 0px #3dc21b;
	-webkit-box-shadow: 0px 0px 0px 0px #3dc21b;
	box-shadow: 0px 0px 0px 0px #3dc21b;
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:2px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:15px;
	padding:10px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.actionButton:hover {
	background-color:#5cbf2a;
}
.actionButton:active {
	position:relative;
	top:1px;
}