.splash {
    height: 40em;
    padding-top: 0em;
    margin-bottom: 2em;
    background-image: url("images/intersection.jpg");
    background-size: cover;
    color: #fff;
    text-align: center;
}

/*this is so my navbar doesn't go on two rows when screen is too small*/
.navbar-header {
  float: left;
}

/*some formatting for my logo in the navbar*/
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 150%;
  padding: 15px;
  width: auto;
}

/*format the navbar so it's the color I want*/
.navbar-default {
  background-color: #222a2f;
  background-image: none;
  background-repeat: no-repeat;
  border-color: #222a2f;
  filter: none;
}

/*chane the font color and the hover color of links in navbar*/
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand {color: white;}
.navbar-default .navbar-nav > li > a:hover {color: #808080!important;}

/*THe folowing 4 nav-bar css classes prevent right navbar links from collapsing
into list when the screen gets too small.
https://stackoverflow.com/questions/23535289/bootstrap-3-disable-navbar-collapse*/
.navbar-collapse.collapse {
  display: block!important;
}
.navbar-nav>li, .navbar-nav {
  float: left !important;
}
.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}
.navbar-right {
  float: right!important;
}

/*both of these give me some space so splash picture doesn't get messed up
with fixed navbar whens screen gets too small*/
.hugo {
	padding-top: 12.5em;
}
body {
  padding-top: 70px;
  background-color: #222a2f;
  color: #fff;
}

/*this is to format the text backgrond on the first page so its easier to read*/
.transp-background {
  background-color: rgba(34, 42, 47, 0.7);
}

.text-justify {
  text-align: justify;
}

/*can use this class to change the background color of buttons etc*/
.custom-background-pink {
  background: #e8bcac
}

/*can use this class to change the background color of buttons etc*/
.custom-background-grey {
  background: #222a2f;
}

.custom-border-grey {
  border-color: #222a2f;
}

.white-text {
  color: #fff;
}

.center-text {
  text-align: center;
}

.top-padding {
  padding-top: 15px;
}

.splash-title-sizing {
  font-size: 7.5vmin;
}

.font-Quicksand {
  font-family: 'Quicksand', sans-serif;
}

.font-Roboto {
  font-family: 'Roboto', sans-serif;
}