@import url('sansation.css');
@import url('inter.css');

body{

  font-family: 'Inter', sans-serif;
  font-weight: 341;
  font-size: 1.25em;
  color: #6D6A6A;

}
.jumbotron{

	background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url("../images/header.jpg") no-repeat center center;
	background-size: cover;
  height: 100vh;
  min-height: 990px;
  overflow: hidden;

}

.px-5b {
  padding-right: 2.6rem !important;
  padding-left: 2.6rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-lg-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-lg-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-lg-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.py-lg-9 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}
.cover-text{

	font-family: 'Arial', sans-serif;                                            
	font-weight: bold;
	font-size: 2.5em;
	color: #FFFFFF;
	line-height: 40px;
}

.cover-subtext{                                         
	font-weight: bold;
	font-size: 1.275em;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.cover-subtext, a:focus.cover-subtext  {
	color: #FFFFFF !important;
	text-decoration-line: underline !important;
}

.footer-text{

}

.footer-text a:hover, a:focus {
	color: #FFFFFF !important;
	text-decoration-line: underline !important;
}

.nav-text .nav-link {
    color: #FFFFFF;
    font-weight: 500;
    font-size: .975em;
}

.nav-link:hover, .nav-link:focus {
    border: 2px solid #FFFFFF;
    border-radius: 0px;
    padding: 5px 5px 5px 5px;
}

.nav-link:active {
    border: 2px solid #0373FE;
    border-radius: 0px;
    padding: 5px 5px 5px 5px;
}

.quote-call-out:hover{
	border: 2px solid #0373FE;
	padding: 20px 40px 20px 40px;
	background-color: #FFFFFF;
	color: #0373FE;
	font-family: 'Sansation', sans-serif;
	font-weight: bold;
	font-size: 1.5625rem;
	border-radius: 25px;

}
.quote-call-out{

	border: 2px solid #0373FE;
	padding: 20px 40px 20px 40px;
	background-color: #0373FE;
	color: #FFFFFF;
	font-family: 'Sansation', sans-serif;
	font-weight: bold;
	font-size: 1.5625rem;
	border-radius: 25px;

}


.call-out:hover{
	border: 2px solid #0373FE;
	padding: 20px 66.5px 20px 66.5px;
	background-color: #FFFFFF;
	color: #0373FE;
	font-family: 'Sansation', sans-serif;
	font-weight: bold;
	font-size: 1.5625rem;
	border-radius: 25px;

}
.call-out{

	border: 2px solid #0373FE;
	padding: 20px 66.5px 20px 66.5px;
	background-color: #0373FE;
	color: #FFFFFF;
	font-family: 'Sansation', sans-serif;
	font-weight: bold;
	font-size: 1.5625rem;
	border-radius: 25px;

}
.bg-primary{

	color: #0373fe;

}
.card-img, .card-img-top, .card-footer, .card, .card-footer:last-child {
	border: none;
	border-radius: 0px;
}
.card-body {
	color: #6D6A6A;
	background-color: #F0EFEF;
	transition-duration: 5s, 500ms;
	transition-property: margin-top, background-color;
}

.card-body:hover{
	color: #FFFFFF;
	background-color: #536878;
}

.card-body:hover h5{
	color: #FFFFFF;
	font-size: 1.25rem;
}

.card-body h5{
	color: #0373FE;
	font-size: 1.25rem;
}


.custom-bg-dark{

	background-color: #536878;

}

.logo{

max-width:349px; 
max-height:163px;

}

.navbar {
    display: flex;
    align-items: center;

}
.navbar-nav {
    
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  
}

.navbar-dark, .navbar-toggler {

  border: 2px solid #FFFFFF;
  background-color: #FFFFFF;
  border: #FFFFFF;
}
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active{

	border: 2px solid #0373FE;
	box-shadow: 0 0 0 rgba(3, 115, 254, 1);

}

.navbar-dark .navbar-toggler-icon {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/

}

.navbar-collapse{

	flex-grow: 0;

}

a {

	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:focus{

	color: #0373FE;
}

.navbar{
	transition: all 0.5s;
}

.navbar-scrolled{

	background-color: rgba(0, 0, 0, .80);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.logo-scrolled{

	max-width: 254px !important;
	max-height: 68px !important;
}

.w-card{

	width: 75% !important;

}

/** media queries **/
@media screen and (max-width: 1020px){
	
	.w-card{

		width: 100% !important;
	
	}

}

@media screen and (max-width: 760px){

/*	.cover-text{

		font-family: 'Arial', sans-serif;                                            
		font-weight: bold;
		font-size: 2.00em;
		color: #FFFFFF;
		line-height: 40px;
	}

	.cover-subtext{                                         
		font-weight: bold;
		font-size: 1.275em;
		color: #FFFFFF;
		text-decoration: none;
	}

	.card-body:hover h5{
		color: #FFFFFF;
		font-size: 1rem;
	}

	.card-body h5{
		color: #0373FE;
		font-size: 1rem;
	}

	body{

		font-size:1rem;

	}*/


}

@media screen and (max-width: 430px) { 
	.cover-subtext {
	  font-family: 'Inter', sans-serif;
	  font-weight: bold;
	  font-size: 1.075em;
	  color: #FFFFFF;
	  text-decoration: none;
	}

	.logo{

		max-width: 329px;
		max-height: 143px;

	}

	.py-8 {
	  padding-top: 5rem !important;
	  padding-bottom: 5rem !important;
	}

}
@media screen and (max-width: 390px) { 

    .cover-subtext {
	  font-family: 'Inter', sans-serif;
	  font-weight: bold;
	  font-size: .825em;
	  color: #FFFFFF;
	  text-decoration: none;
	}

	.logo{

		max-width: 289px;
	    max-height: 103px;

	}

	.py-lg-9 {
	  padding-top: 15rem !important;
	  padding-bottom: 15rem !important;
	}

	.py-8 {
	  padding-top: 5rem !important;
	  padding-bottom: 5rem !important;
	}

	.email-text{
		font-size: .925em;
	}

}
@media screen and (max-width: 375px) { 

	.card-text {

		font-size: 1rem;
	}

	.card-body, .card-body h5{

		font-size: 1rem !important
	}

	body{

	  
	  font-size: 1rem;
	  
	}

}
