html,body {
  height: 100%;
}

body {
  
  margin-top: 50px;
  background-color: #f3f3f3;
  word-spacing: 2px;
  font-size: 14px;
  line-height: 150%;
  max-width: 100%;
  padding-bottom: 60px;
}


.mozilla-text-web {
  font-family: "Mozilla Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

p.mozilla-text-web {
	font-weight=300;
	
}

/* @media (max-width: 820px){
    wrap #bio-pic {
		width: 50%
	}
	h1 {
		line-height: 150%;
	}
} */
h1,.h1{}
h2,.h2{font-size:32px;line-height:125%}
h3,.h3{font-size:28px;line-height:125%}
h4,.h4{font-size:24px;line-height:125%}
h5,.h5{font-size:20px;line-height:125%}
h6,.h6{font-size:18px;line-height:125%}

h1 {
	font-family: Century Gothic, HelveticaNeue-Light;
	font-weight: 200;
	font-size:45px;
	line-height:125%
	}

h2 {
	font-family: Century Gothic, HelveticaNeue-Light;
	font-size: 32px;
	font-weight: 300;
	
} 


.lotus-image {
    width:400px;
    height:252px;
    border-radius: 25px;
    text-align: center; 
	
}

span  {
	
padding-top: 7px;
	
}



.wrap {
   float: left; 
   padding-right: 7px;
   margin-right: 7px;
   
}

/* h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1}
h1,.h1{font-size:45px;line-height:48px}
h2,.h2{font-size:36px;line-height:42px}
h3,.h3{font-size:28px;line-height:36px}
h4,.h4{font-size:24px;line-height:25px}
h5,.h5{font-size:20px;line-height:24px}
h6,.h6{font-size:18px;line-height:24px} */


a {
	color:#0e4251;

}

a:hover, a:focus {
    color:#00204;
    text-decoration: underline;
    font-weight: bolder;
}

.text-center{
	text-align:center
	}



.lotus-affects {

	border: rgba(80,139,154,.5 );
}

#error.container.text-center {
	margin: 0px 75px;
	
}

.welcome-container {
  width: 500px;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 60px;
}

.btn-primary {
    background-color: #7FB141;
    border-color: #648C33;
    color: #FFFFFF;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0 0 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.btn-primary {
    background-color: #7FB141;
    border-color: #648C33;
    color: #FFFFFF;
}


.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active {
    background-color: #729E3A;
    border-color: #496626;
    color: #fff;
}

.btn:hover, 
.btn:focus {
    text-decoration: none;
}

.login-container {
  text-align: right;
  margin: 20px;
}

.footer {
  position: relative;
  margin-top: -60px; /* negative value of footer height */
  height: 60px;
  clear:both;
  text-align: center;
  font-size: 14px;
}