@charset "utf-8";
/*headline: font-family: 'roca', sans-serif;
paragraph: font-family: 'inter tight variable', sans-serif;
*/

/*My Color Theme:
lime green:#8BE18E
muddy pink:#A16C83
bright pink:#E05E98
pastel green:#698B6A
violet burgundy:#633A4C
forrest green:rgba(39,54,39,1.00)
*/

.navbar-custom, .navbar-custom .dropdown-menu {background-color: #698B6A;}

.navbar-custom .navbar-brand, .navbar-custom .navbar-text, .navbar-custom .navbar-nav .nav-link, .navbar-custom .dropdown-item { color:#fff;}

.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: #8BE18E;
	Color: #fff; }

.custom-toggler.navbar-toggler {border-color: #273627; color: #fff;}

.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(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


.navbar-brand {
    background-image: url(../images/personal_logo.png);
    background-repeat: no-repeat;
    background-size: 50px auto;
    padding-left: 65px;
    background-position: 3% 0%;
	
}

#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

#home_banner h1 {
	font-size: 2.5rem;
	color: #FFFFFF;
	text-shadow:3px 5px rgba(39,54,39,0.75);
	position: absolute;
	right:26%;
	top: 10%;
}

/*Media Query Breakpoints*/
/*X-SMALL ONLY*/
@media (min-width:375px){
#home_banner h1 {
    font-size: .65rem;
    right: 25%;
    top: 12%;
    }    
}

/*SMALL SIZE ONLY*/
@media (min-width:576px){
#home_banner h1 {
    font-size: 1rem;
    right: 25%;
    top: 12%;
    }  
}

/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_banner h1 {font-size: 1.2rem;
               right: 26%;
               top: 12%;
              }
  }


/*LARGE SIZE ONLY*/
@media (min-width:992px){
    #home_banner h1 {
        font-size: 1.5rem;
        right: 26%;
        top: 12%;
        }
}

@media (min-width:1200px){
    #home_banner h1 {
        font-size: 1.75rem;
        right: 27%;
        top: 12%;
        }
}

@media (min-width:1336px){
    #home_banner h1 {
        font-size: 2rem;
        right: 27%;
        top: 12%;
        }
}

@media (min-width:1550px){
    #home_banner h1 {
        font-size: 2.3rem;
        right: 26%;
        top: 13%;
        }
}

.main h1 {text-align: center;
font-size: 1.5rem;}

footer {text-align: center;
	line-height: 60px;
	background-color:#698B6A;
	color:#fff; 
}

.main p {text-align: center}


#welcoming_title h1 {text-align: center;
font-size: 4rem;
position: relative;
padding-bottom: 10px
}

#welcoming_title h2 {text-align: right;
font-size: 2rem;
position: relative;
padding-bottom: 10px;
	right: 15%;
}

#welcoming_title {background-color: #633A4C;
color: #FFFFFF;
position: relative;
padding-left: 0px;
padding-right: 0px;
}

#carouselExampleIndicators1 {padding-bottom: 50px;
padding-top: 50px;
}