#login-assocs #text {
	  position: relative;
	  min-height: 1px;
	  padding-left: 15px;
	  padding-right: 15px;
	}

	#login-assocs #text ol,
	#login-assocs #text ol li {
	  list-style-position: outside;
	  font-size: 1.22em;
	}
	#login-assocs #text ol p,
	#login-assocs #text ol li p {
	  font-size: initial;
	}
	
	#password-settings,
	#login-assocs #login,
	#login-assocs #register {
	  padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 3vw;
	  padding-bottom: 2em;
	}
	#login-assocs #login > .navbar-header,
	#login-assocs #register > .navbar-header,
	#login-assocs #login > .navbar-collapse,
	#login-assocs #register > .navbar-collapse {
	  margin-right: -15px;
	  margin-left: -15px;
	}

	#password-settings h2,
	#login-assocs #login h2,
	#login-assocs #register h2 {
		color: #4d7007;
		font-size: 2rem;
		font-weight: 700;
		letter-spacing: 1px;
		margin-top: 0;
		text-align: left;
		text-transform: uppercase;
	}
	
	#login-assocs #login form .alert {
		border: none;
		color: #d40000;
		font-size: 14px;
		font-weight: 600;
	}
	
	#login-assocs #assoc-login .alert.alert-danger {
	  padding:0px 15px;
	}
	
	#password-settings input,
	#login-assocs #login form input,
	#submit-agree #responses input {
	  display: block;
	  width: 100%;
	  padding: 10px 15px;
	  background-color: #ffffff;
	  border: none;
	  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  text-align: left;
	  margin-bottom: 1em;
	}
	#login-assocs #login form input:focus {
	  border-color: #66afe9;
	  outline: 0;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 216, 216, 0.6);
	  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216, 216, 216, 0.6);
	}
	#login-assocs #login form input::-moz-placeholder {
	  color: #999999;
	  opacity: 1;
	}
	#login-assocs #login form input:-ms-input-placeholder {
	  color: #999999;
	}
	#login-assocs #login form input::-webkit-input-placeholder {
	  color: #999999;
	}
	#login-assocs #login form input[disabled],
	#login-assocs #login form input[readonly],
	fieldset[disabled] #login-assocs #login form input {
	  background-color: #eeeeee;
	  opacity: 1;
	}
	#login-assocs #login form input[disabled],
	fieldset[disabled] #login-assocs #login form input {
	  cursor: not-allowed;
	}
	textarea#login-assocs #login form input {
	  height: auto;
	}
	#login-assocs #signin_container,
	#login-assocs #pw_container {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items:center;
		-webkit-align-items:center;
	}
	
	#send_reset_container .asset-button,
	#activation #login .asset-button,
	#settings #login form button,
	#settings #login form button,
	#login-assocs #login form button  {
	  background-color: #505c36;
	  color: white;
	  font-size: 20px;
	  font-weight: 600;
	  letter-spacing:0.5px;
	  margin-top: 1em;
	  width: 50%;
	}
	#send_reset_container .asset-button,
	#login-assocs #login #bottom {
	  display: block;
	  width: 100%;
	  text-align: center;
	}
	#login-assocs #register #reg-button {
	  color: white !important;
	  border: none;
	  border-radius: 0px;
	  padding: 12px;
	  font-size: 1.9em;
	  font-weight: bold;
	  text-decoration: none !important;
	  text-align: center;
	  display: block;
	  margin-top: 1em;
	  width: 75%;
	  display: inline-block;
	  margin-left: 12.5%;
	}
	
	#login-assocs #register #reg-button:hover {
	  background-color: #87A051;
	}
	
	#login-assocs #pw_container a,
	#login-assocs #btn_signin_other {
	  color: inherit;
	}
	
	#register-prompt .asset-button {
		background-color:transparent;
		border-color:#5a7422;
		color:#505c36;
		width:50%;
	}
	
	#register-prompt .asset-button:hover {
		background-color:#fff;
		border-color:#749038;
	}

	.remarks,
	.intro,
	#login-assocs #login {
		display: flex;
		display: -webkit-flex;
	}

	.remarks {
		margin-top:3em;
		padding-bottom: 30px;
		padding-top: 30px;
		text-align: center;
		flex-direction: row;
		-webkit-flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: center;
		-webkit-justify-content: center;
	}

	.remarks li {
		float:left;
		list-style-type:none;
	}

	.remarks h4 {
		float:left;
		margin-left:20px;
		margin-right:20px;
		width:auto;
	}

	.intro,
	body#activation,
	body#activation #intro,
	body#activation #login,
	#login-assocs #login {
		align-items:center;
		-webkit-align-items:center;
		flex-direction: column;
		-webkit-flex-direction: column;
		flex:1;
		-webkit-flex:1;
	}
	
	#settings .intro #login,
	#login-assocs #login,
	#login-assocs,
	body#activation #login,
	body#activation #login .asset-button {
		width:100%;
	}	
	
	body#activation #login, 
	body#settings #password-settings {
		padding-bottom:calc(4vw + 30px);
	}

	#login-assocs #objectives {
		background:url(/_images/banner/home.jpg) top center no-repeat;
		background-size:100%;
		margin-bottom:calc(4vw + 30px);
		margin-top:30px;
	}

	/*#login-assocs #objectives > div > div {
		background-color:#f8f8f8;
		border-top:5px solid #eccd70;*/
		/*box-shadow:0px 0px 100px rgb(50 50 50 / 20%);*/
		/*margin-bottom:60px;
		margin-top:calc(4vw + 30px);
		padding:30px;
	}*/


	#login-assocs #objectives > div > div {
		background-color:#2f361f;
		margin-bottom:60px;
		margin-top:0px;
		padding: calc(10px + 2vw) calc(40px + 3vw) calc(20px + 2vw);
	}

	#login-assocs #objectives > div > div *:not(h2) {
		color:#fff;
		font-size:1.2em;
		font-weight:300;
	}

	#login-assocs #objectives > div > div h2 {
		color:#b9f33d;
	}


	/*#login-assocs #objectives > .container-fluid {
		backdrop-filter: brightness(0.9) contrast(1.2);
		-webkit-backdrop-filter: brightness(0.9) contrast(1.2);
	}*/

	#login-assocs #remarks .btn-learning {
		margin-left:25%;
		margin-top:calc(2vw + 15px);
		width:50%;
	}
	
	#login-assocs #remarks .btn-learning:after {
		content: "\e129";
		font-family: 'Glyphicons Halflings';
		margin-left:5px;
	}



	#login-assocs #assoc-register > div > div {
		float:left;
		margin-bottom:0px;
		width:100%;
	}

	.control-label {
		padding-top:10px;
		padding-bottom:10px;
	}

	.control-label,
	#login-assocs #login form input {
		margin-bottom:5px;
		margin-top:10px;
	}

	.help-block {
		font-size:14px;
		margin:0;
	}
	.has-success .help-block {
	  color: #3c763d;
	}
	.has-warning .help-block {
	  color: #8a6d3b;
	}
	.has-error .help-block {
	  color: #a94442;
	}
	.help-block {
	  display: block;
	  margin-top: 5px;
	  margin-bottom: 10px;
	  color: #ff7373;
	}

	.send_captcha > div {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		flex-direction:column;
		-webkit-flex-direction:column;
		margin-top:10px;
		text-align:center;
	}

	.send_captcha > div > div {
		margin-left:auto;
		margin-right:auto;
	}
	
	#login #login_message {
		margin-top:20px;
	}

	#login_message p {
		margin-bottom:2vw;
	}



	
	@media (min-width: 768px) {
	  #login-assocs #login > .navbar-header,
	  #login-assocs #register > .navbar-header,
	  #login-assocs #login > .navbar-collapse,
	  #login-assocs #register > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	  }
	}
	
	
	@media (max-width:992px) {
		#login-assocs #login {
			background-image:none;
		}

		#register-prompt,
		#login-assocs #login h2,
		#login-assocs #login_message p,
		#login-assocs #register-prompt h2 {
			text-align:center;
		}
		
		#login-assocs #login h2,
		#login-assocs #register-prompt h2 {
			margin-top:20px;
		}
		
		#assoc-register .control-label {
			padding-bottom:0px;
		}

		#login-assocs #assoc-register .form-group input {
			margin-top:5px;
		}

		#assoc-register .form-group > * {
			padding-left:0px;
			padding-right:0px;
		}

		.send_captcha > div {
			margin-top:20px;
		}

		#login-assocs #login {
			height:100%; 
		}
		
		#login-assocs #remarks .btn-learning,
		#register-prompt .asset-button {
			margin-left:0px;
			width:100%;
		}
	}
	
	
	@media (min-width:992px) {
		#login-assocs #login {
			min-height:30vh; 
		}
		#login-assocs #objectives .btn-primary {
			margin-left: 12.5%;
			max-width:75%;
		}
	}


	@media screen and (min-width:1600px) {
		#login-assocs #objectives > div > div {
			padding:calc(2vw + 30px);
			padding-top: 30px;
		}
	}