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

/*Neo-Future:
Light Grey: #E4E4E4
Violet: #40223E
Coral: #F24957
Deep Purple: #261425
Cyan: #6DF2F2*/

body {font-family: 'Arvo', serif;
}
h1, h2, h3, h3, h4, h5, h6 {font-family: 'Bebas Kai', sans-serif;
	color:#40223e;
}
.navbar-custom {font-family: 'Bebas Kai', sans-serif;
}/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #e4e4e4;
}
/* 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: #f24957;
}
/* 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: #40223e;
    color: #e4e4e4;
}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: #e4e4e4;
    color: #f24957;
}
/* 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(242,73,87,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-brand {
    background-image: url(../images/BrandLogo.png);
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: 0% center;
    padding-left: 82px;
}

/*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: 5rem;
	color: #261425;
	text-shadow: 2px 1px rgba(18,17,17,0.60);
	position: absolute;
	left: 41%;
	bottom: 45%;
}
/*1 col main section*/
.main h2 {text-align: center;}

#contact_head {
	
	color:#40223e;
	
}

#submit_button {
	
	text-align: right;
	
}

.social a {margin: 0;
    display: inline-block;
    text-decoration: none;
    margin-left:10%;
    margin-right:10%;
}

/* Style all font awesome icons */
.fa {
  padding: 15px;
  font-size: 30px;
  width: 35px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
}


/*footer*/
footer {text-align: center;
	line-height: 60px;
	background-color: #261425;
	color: #f24957;

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


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

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


/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
    #home_banner h1 {
        font-size: 2.5rem;
        bottom: 38%;
        left: 38%;
        }
}

/*XLARGE SIZE ONLY*/
@media screen and (min-width:1200px){
    #home_banner h1 {
        font-size: 3.5rem;
        bottom: 45%;
        left: 40%;
        }
}