/* COLORS */
:root {
	--primary: #121258;
	--secondary: #121258;
	--third: #003B4D;
}
 
 

@font-face {
	font-family: "CenturyGothic-Regular";
	src: url("../fonts/CenturyGothic.otf");  
	font-weight: 400;
	font-style: normal;
  }
  @font-face {
	font-family: "CenturyGothic-Bold";
	src: url("../fonts/CenturyGothic-Bold.otf");
	
	font-weight: 700;
	font-style: normal;
  }
  @font-face {
	font-family: "CenturyGothic-Italic";
	src: url("../fonts/CenturyGothic-Italic.otf");  
	font-weight: 400;
	font-style: italic;
  }

  
/* GLOBAL */
body, html {
  margin: 0;
  height:100%;
}
strong{
	font-family: 'CenturyGothic-Bold';
}
body{
	font-family: 'CenturyGothic-Regular';
   overflow: hidden;
   font-size: 15px;
   color: #FFF;
}
h1#welcome-landing {
    color: #FFF;
    margin-bottom: 1rem;
	margin-top:3rem;
	font-family: 'CenturyGothic-Bold';
}
.intro {
    margin-top: 3rem;
}
/* HEADERS */
h1, .tagline, .subtagline, .subtitle {
	font-family: 'Century Gothic-Bold';
	margin-top: 0;
	font-weight: 500;
	line-height: 1.2;
}
h1, .tagline, .subtagline {
	color: var(--primary);
}
h1 {
	font-family: 'Century Gothic-Bold';
	font-size: 2rem;
	margin-top:1rem;
	margin-bottom: 2rem;
}
.tagline {
	font-size: 2rem;
	margin-bottom: 1rem;
}
.subtagline {
	font-size: 1.25rem;
	margin-bottom: .5rem;
}
.subtitle {
	color: var(--third);
	font-size: 2rem;
	margin-bottom: 0;
}
a{
	color:#FFF;
}
a:hover{
	color:#75ABD1;
}
/* HEADER */
header {
	margin-bottom: 3rem;
}
.logo {
	width: 3.75rem;
	margin-left: -.25rem;
	margin-top: 1.2rem;
	margin-bottom: 1rem;
}
.splash_left_col{
    width:525px;
    background: url('../img/HII_Pattern_Inset_Landing.svg') no-repeat left -160px bottom 94px,linear-gradient(to top, #75ABD1, #003B4D 100%);
}
.p-2.splash__intro {
 	 width:450px;
}
div#go{
	background: url('../img/Go_Button.svg') no-repeat;
	height: 45px;
	width: 320px;
  }
  div#go:hover{
	background: url('../img/Go_HOVER_Button.svg') no-repeat;
	cursor: pointer;
  }

@media (min-width: 992px) {
	 
	.logo {
		width: 6.5rem;
		position: relative;
		margin-left: 4rem;
	}
	.splash_left_col{

		background: url('../img/HII_Pattern_Inset_Landing.svg') no-repeat left -180px bottom ,linear-gradient(to top, #75ABD1, #003B4D 100%)
	}
}
 
main {
	flex: 1 1 auto;
	padding-bottom: 6rem;
}
@media (min-width: 1400px) {
	main {
		padding-bottom: 0;
	}
}

/* BUTTONS */
.btn-primary {
	background: var(--third);
	border: var(--third);
	    font-size: 14px;
    font-family: 'CenturyGothic-Regular';
    padding: 0.4rem 5.5rem;
  
}
 .form-select{
 	font-size: 13px;
 }
.btn-primary:hover,
.btn-primary:focus {
	color: #fff;
	background-color: #094e91;
	border-color: #094a89;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #094e91;
	border-color: #094a89;
	box-shadow: 0 0 0 .25rem rgba(48, 116, 184, .75);
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem rgba(48, 116, 184, .75);
}
select#userType option:hover {
	background-color: #75ABD1;
	box-shadow: 0 0 0 .25rem#75ABD1;
}

/* FORM */
.form {
	padding: 1.5rem;
	background-color: #FFF;
	border-radius: 1rem;
	margin-bottom: -14rem;
	margin-top: 2rem;

}
.form__title {
	margin-bottom: 0.25rem;
	color: var(--primary);
	font-family: 'Avant Garde Demi', sans-serif;
	font-weight: 400;
}
.form-select:focus {
	border-color: #85aed5;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(48, 116, 184, .75);
}
.astro {
	width: 10.5625rem;
	margin: auto 0;
}
@media (min-width: 768px) {
	.astro {
		width: 15.8125rem;
	}h1{
		font-size: 2.875rem;
		margin-bottom: 3rem;
		margin-top:2rem;
	}
	.form{
		margin-top: 2rem;
		margin-bottom: 0rem;
	}

}
@media (min-width: 992px) {
	.astro {
		width: 11.125rem;
		float: right;
	}
}
@media (min-width: 1200px) {
	.astro {
		width: 13.4375rem;
		margin-right: -2.7rem;
	}
	.form{
		margin-top: 3rem;
	}
}
@media (min-width: 1400px) {
	.astro {
		width: 15.8125rem;
	}
	.form{
		margin-top: 3rem;
	}
}
@media (min-width: 1500px) {
	.form{
		margin-top: 3rem;
	}
}
footer a {
	color: inherit;
}

.bg-align {
    background-position: center 0%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    
    position: relative;
}


@media (max-width: 991px) {
	.splash_left_col{
    	width: 100%;
  	}
  	 .p-2.splash__intro {
 	   	width:85%!important;
    	padding-left: 5rem!important;
	}

}
@media (max-width: 767px){
.intro{
    margin-top:1rem;
  }
  .form{
  	margin-top: 0;
  }
}
@media (max-width: 640px) {
	div#go{
		margin-top: 0px;
	}
	.form{
		padding:1rem;
	}
}
@media (max-width: 440px) {
	.splash_left_col{
    	width: 100%;
    	padding-bottom: 5rem;
  	}
  	 .p-2.splash__intro {
 	   	width:100%!important;
    	padding-left: 0!important;
	}
}