/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a; 
}


#footer {
	background:#0b0e16;
	width:100%;
}

.btn-link {
	color: #0b0e16;
	text-decoration: none;
	font-weight: bold;
		 }
.btn-link:hover {
	text-decoration: none;
	color: #5F74AA;
    font-weight: bold;
}	  
.contacthref {
	text-decoration: none;
	color: #0b0e16;
}	  
	
.contacthref:hover {
	text-decoration: none;
	color: #5F74AA;
}	  

.footer_div {
	background-color: #0b0e16; 
	display: flex;
    flex-direction: column;
    min-height: 40vh;
    margin-bottom: -50px; 
	margin-top: 40px;
	color: #fff;
}

.footer_div a {
	color: #fff;
}

#menuBackground {
    background:#0b0e16;
    width:100%;
    text-align: center;
	padding-top: 15px;
}
#menuContainer {
    text-align: center;
}

.main_title{
	color:#fff;
	font-size: 25px;
	font-weight: 400;
}

/*Strip the ul of padding and list styling*/
.headnav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

/*Create a horizontal list with spacing*/
.headnav li {
    display:inline-block;
    vertical-align: top;
    margin-right:1px;
}

/*Style for menu links*/
.headnav li a {
    display:block;
	padding-left: 8px;
	padding-right: 8px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#B9B9B9;
    background:#0b0e16;
    text-decoration:none;
    font-size: 1rem;
}

	.active {
		color: #fff;
	}

.headnav li a:hover {
	text-decoration: none;
	color: #CDCDCD;
	}

/*Hide dropdown links until they are needed*/
.headnav li ul {
    position: absolute;
    display:none;
}

/*Make dropdown links vertical*/
.headnav li ul li {
    display:block;
}

/*Prevent text wrapping*/
.headnav li ul li a {
    width:auto;
    min-width:100px;
    padding:0 5px;
}

/*Display the dropdown on hover*/
.headnav ul li a:hover + .hidden,.hidden:hover {
    display:block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration:none;
    color:#fff;
    text-align:center;
    display:none;
    width:100%!important;
	font-size: 24px;
	padding: 10px;
}

	.show-menu i {
		border-style: solid;
	border-width: 2px;
	border-color: #fff;
	border-radius: 10px;
		padding: 7px;
	}	

/*Hide checkbox*/
input[type=checkbox] {
    display:none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display:block;
    margin:0 auto;
}

/*Responsive Styles*/
@media screen and (max-width : 760px) {
    /*Make dropdown links appear inline*/
   .headnav  ul {
        position:static;
        display:none;
		background-color: #0b0e16;
    }
    
    /*Make all menu links full width*/
    .headnav ul li,li a {
        width:100%;
    }
    
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
}

.btn-blue {
    background-color: #0b0e16;
	color: #fff;
}

.btn-blue:hover {
    background-color: #212A41;
	color: #fff;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 42rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 42rem;	
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}