@charset "utf-8";
/*headline: font-family: 'Oxygen', sans-sarif;
paragtaph: font-famil: 'PT Serif', serif;
*/


/*Colors 1
jet black:   #333533 60%
eerie black: #242423 5%
saffron:     #F5CB5C 10%
alabaster:   #E8EDDF 20%
platinum:    #CFDBD5 5%
 */

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .navbar-menu {
	background-color: #333533;

}
/* 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: #F5CB5C;
}

/* Background and text colors for ccurrent 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 .dropfown-item:focus {
	background-color: rgba(51,53,51,1.00);
	color: #E8EDDF;
}

/* Border and text colors for menu idon on small screens */
.custom-toggler.navbar-toggler {
	border-color: #242423;
	color: rgba(245,203,92,1.00);
}

/* Hamburger icon - use the same argb calues 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(245,203,92,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3e");
}

/*header banner section*/
#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
}

/*rem values are relative to the root html element, 1rem=16px*/
#home_banner h1 {
	font-size: 4rem;
	color:#FFFDFB;
	text-shadow: 2px 1px rgba(51,53,51,1.00);	
	position: absolute;
	left: 3%;
	bottom: 7%;
}

/*footer*/
footer {text-align:center;
	line-height: 60px;
	background-color:rgba(51,53,51,1.00);
	color: rgba(245,203,92,1.00);
}
/*media query breakpoints*/
/*X-SMALL ONLY*/
@media screen and (min-width:375px){
#home_banner h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }    
}
/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_banner h1 {
    font-size: 2rem;
    bottom: 3%;
    left: 3%;
	} 
}   /*MEDIUM SIZE ONLY*/
@media screen and (min-width: 768px) {
  #home_banner h1 {font-size: 3rem;
               bottom: 5%;
               left: 3%;
              }
  }/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
    #home_banner h1 {
        font-size: 4rem;
        bottom: 7%;
        left: 3%;
        }
}