@charset "utf-8";
/*headline: font-family: 'Comfortaa', sans-serif;
paragraph: font-family: 'Marcellus', serif;
*/

/* Colors Used
Almost black: #040303;
White: #FFFFFF;
Lilac: #D1B4D9;
Navy blue: #2E4E8C;
Teal: #3873A6;
Gray: #707070;
Sky blue: #59B5D9;
Baby Pink: #F2D5E5;
*/

body{font-family: 'Marcellus', serif;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Comfortaa', sans-serif;
}

/*center an img*/
img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #040303;
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: #FFFFFF;
	font-family: "Comfortaa", sans-serif; /*headline fonts*/
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	
}
/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus {
    background-color: #D1B4D9;
    color: #fff;
}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: #59B5D9;
    color: #fff;
}
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(89,181,217,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


/*navbar-brand logo*/
.navbar-brand {
	background-image: url(../images/Logo.png);
	background-repeat: no-repeat;
	background-size: 50px auto;
	background-position: 5% center;
	padding-left: 60px;
}


/*Header Banner Section*/
#home_banner{
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

#home_banner h1{
	font-family: "Comfortaa", sans-serif;
	font-size: 2rem;
	color: #3873A6;
	text-shadow: 2px 1px rgba(242,213,229,1.00);
	position: absolute;
	left: 15%;
	bottom: 3%;
}

/*3 Col main section*/
.main h2{text-align: center;
		font-weight: 800;}


/*Footer*/
footer {text-align: center;
    line-height: 30px;
    background-color: #F2D5E5;
    color: #707070;
}

/*Media Query Breakpoints*/
/*X-SMALL ONLY*/
@media screen and (min-width:375px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }    
}


/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_bg h1 {
    font-size: 10px;
    bottom: 2%;
    left: 1%;
    }    
}

/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_bg h1 {font-size: 2rem;
               bottom: 5%;
               left: 3%;
              }
  }


/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
  #home_bg h1 {
        font-size: 4rem;
        bottom: 5%;
        left: 3%;
		}
	}.d-100 {
}