
/* change the background color */
/*don't typically want this*/
.navbar-custom {
    background-color: #000000;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.9);
    padding: 0.8rem 1rem;
}
/* change the link color and add padding for height */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
    padding: 1rem 1rem;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
    /* background-color: #ee4400;  add background-color to active links */
}.navbar-custom {
/*CHANGE THIS*/
    background-color: #000000;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.9);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
/*CHANGE THIS*/
    background-color: #000000;
}


.navbar-custom .dropdown-item {
    color: #ffffff;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #333333;
    background-color: rgba(255,255,255,.5);
}



.mySmallPic{
width:70%;
height:auto; 
margin:10px auto;
}

@media only screen and (max-width: 800px) {
 .mySmallPic{
width:80%;
	
}

}



.myWelcome{
	font-size:3.5rem;
	font-weight: bold;
}

.myWelcome2{
	font-size:1.5rem;
	font-weight: bold;
}




@media only screen and (max-width: 700px) {
 .myWelcome{
	font-size:2.5rem;
	
}

}

@media only screen and (max-width: 500px) {
 .myWelcome{
	font-size:1.8rem;
	
}
.myWelcome2{
	font-size:1.0rem;
}


}





.hlarge{ font-size:2.5rem;  }
.hmedium {	font-size:2.0rem;}
.hsmall {	font-size:1.5rem;}
.hnormal {	font-size:1.0rem;}

@media only screen and (max-width: 650px) {
.hlarge{ font-size:2.0rem;  }
.hmedium {	font-size:1.5rem;}
.hsmall {	font-size:1.0rem;}

}
