/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #437c52;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/*create customized navbar and change color*/
/* change the brand and text color */
.navbar-custom {
  background-color: #437c52;####
}

.navbar-custom .navbar-brand {
  color: white;
}

.navbar-custom .primary-menu li a{

    padding-left: 0px;
    padding-right: 23px;
    color: white;
}

.navbar-custom .primary-menu .dropdown-menu li a{
  color: black;
  padding-left: 15px;
}

/*Sets the text hover color on navbar*/
.navbar-custom .navbar-nav > li > a:hover, 
.navbar-custom .navbar-nav > li > a:focus {
/*color: white; */
 background-color: #437c52;
}

.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:hover, 
.navbar-custom .navbar-nav > .active > a:focus {
color: white;  --> BACKGROUND color for active
background-color: #437c52;
}


.navbar-custom .nav .open>a, .nav .open>a:focus, 
.navbar-custom .nav .open>a:hover{
  background-color: #437c52;
}


.navbar-custom .navbar-text{
  color:white;
}

/* MAJOR SPECIES PROFILES
-------------------------------------------------- */

/* 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;
}*/

.container {
  position: relative;
}


.my-container{
  width: 80vw;
}

.my-container1{
  width: 70vw;
}

section {
  /* position is static by default */
  margin-left: 610px;
}

my-profile {
  position: absolute;
  width: 780px;
  text-align:center;
    border:2px solid #a1a1a1;
    padding:5px 5px; 
    background:white;
    border-radius:25px;
    -moz-border-radius:25px;
    float: left;
}

.mega-box
{
    /*text-align:center;*/
    border:2px solid #a1a1a1;
    /*padding:5px 5px; */
    /*background:white;*/
    /*width:600px;*/
    border-radius:25px;
    /*float: left;*/
    /*height:500px;*/
}

.major-box
{
    /*text-align:center;*/
    /*border:2px solid #a1a1a1;*/
    padding:5px 5px; 
    /*background:white;*/
    /*width:600px;*/
    /*border-radius:25px;*/
    float: left;
    height:230px;
    overflow-x:hidden;
    overflow-y:hidden;
}

.specy-box
{
  font-family: sans-serif;
    text-align:center;
    /*border:2px solid #a1a1a1;*/
    border:2px solid transparent;
    padding:5px 5px;
    background:transparent;
    height:230px;
    border-radius:25px;
    -moz-border-radius:25px;
    float: left;
}


.tool-box
{
    /*text-align:center;*/
/*    width: '100%',*/
    border:2px solid #a1a1a1;
    padding:5px 5px; 
    background:transparent;
    border-radius:25px;
    float: left;
}
/* footer
-------------------------------------------------- */


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

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar {
    padding-right: 0px;
    padding-left: 0px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}