.banner
{
  /*background:red;*/
  min-height:200px;
}
.banner .row
{
  text-align:center;
  margin-top:50px;
}
.banner h1
{
  color:black;
}

/***********************************************************************
*  OPAQUE NAVBAR SECTION
***********************************************************************/
.opaque-navbar {
   /* background-color: rgba(0,0,0,0.5);*/
   /* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
    height: 60px;
    border-bottom: 0px;
    transition: background-color .5s ease 0s;
}

.opaque-navbar.opaque {
    background-color: #fff;
    height: 60px;
    transition: background-color .5s ease 0s;
}

ul.dropdown-menu {
    background-color: #fff;
}

@media (max-width: 992px) {
  body
  {
    /*background:red;*/
  }
  .opaque-navbar {
    background-color: #fff;
    height: 13%;
    transition: background-color .5s ease 0s;
  }

}

.navbar-inverse .navbar-nav > li > a {
  background-color: #fff;
  color: grey;         
  font-size: 14px;
  padding: 0;
  text-align: left; 
  /*border: solid 1px green;*/
  margin-left: 15px;
  margin-right: 20px;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #fff;
    color: #000;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    /*background-color: green;*/
    background-color: #FFF;
    color: #000;
    border-bottom: solid 2px #000;
    -webkit-transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
}

.menuSupActive a:hover{
    /*background-color: green;*/
    background-color: #FFF;
    color: #000;
    border-bottom: solid 2px grey;
    -webkit-transition: 0.1s ease-in;
    -moz-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
}

.navbar-inverse {
  position: fixed;
  background-color: #FFF;
  color: black;
  border-radius: 0; 
  -webkit-box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.75);
  height: 12%;
}

#navMain{
    position: relative;
    margin-right: 0;
    float: right;
    margin-top: 1.5%;    
    width: auto;  
    /*border: solid 2px #000;*/
}

#imgLogoG{
    position: fixed;
    float: left;
    margin-top: -0.5%;
    margin-left: 0%;
    width: 30%;
    height: 10%;   
    z-index: 9;
}

#imgLogoP{
    position: fixed;
    float: left;
    margin-top: -0.5%;
    margin-left: 0%;
    width: 65%;
    height: 10%;   
    z-index: 9;
    /*border: solid 2px red;*/
}

@media (min-width: 990px) and (max-width: 2047px) {
  #imgLogoP{
    width: 28%; 
  }
}

@media (min-width: 2048px) and (max-width: 2222px) {
  #imgLogoP{
    width: 25%;
  }
}

@media (min-width: 2223px) {
  #imgLogoP{
    width: 23%;
  }
}

@media (min-width: 769px) and (max-width: 990px) {
  
  #imgLogoP{
    position: fixed;
    float: left;
    margin-top: -0.5%;
    margin-left: 0%;
    width: 28%;
    height: 10%;   
    z-index: 9;
    /*border: solid 2px red;*/
  }

  #navMain{
    position: relative;
    margin-right: 0;
    float: right;
    margin-top: 1.5%;    
    width: 60%;  
    /*border: solid 2px #000;*/
  }
  
  .logoFooterP{       
    width: 40%;
    height: 30%;  
    color:grey;       
  }

}

@media (max-width: 768px) {
  
  #imgLogoP{
    position: fixed;
    float: left;
    margin-top: -0.5%;
    margin-left: 0%;
    width: 75%;
    height: 10%;   
    z-index: 9;
    /*border: solid 2px red;*/
  }
  
  #navMain{
    position: relative;
    margin-right: 0;
    float: right;
    margin-top: 1.5%;    
    width: auto;  
    /*border: solid 2px #000;*/
  }

  .logoFooterP{       
    width: 70%;
    height: 30%;  
    color:grey;       
  }

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color:#000;
    background-color: #fff;
}


.bfh-languages-act a:hover {

    text-decoration: none;
}