.testing {
  width: 71.42857%; }

body {
    background-color: ghostwhite;
    font-family: 'Montserrat', sans-serif;
  }


.navbar {
    margin-bottom: 0;
    background-color: #778899; /**/
    z-index: 9999;
    border: 0;
 
    font-size: 18px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #FF7427 !important; /*f4511e*/
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

.navbar-default .navbar-collapse {
  padding: 19.5px 15px;
}

.logo {
  display: flex;
  align-items: center;
  height: auto;
}

.logo > img {
  max-height: 60px;
  margin-right: 15px;
}

.logo-small {
    color: #f4511e;
    font-size: 15px;
}
.titre{
    font-size: 22px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 2px;
    font-weight: bold;
}
 

.jumbotron {
    background-color: #778899; /* Orange  EA5B0C*/
    color: #ffffff;
    padding-left: 80px;
    padding-top: 80px;
}

.jumbotron p {
     font-size: 18px !important;
    line-height: 1.42857143 !important;
}

.intercal-bg{
     background-color: ghostwhite;
}
.construct{
      padding-top: 40px;
       padding-bottom: 180px;
}
.thumbnail {
    padding: 0 0 15px 0;
  height:300px;  border: none;
    border-radius: 0;
      background-color: ghostwhite;
}

.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.portfolio{
   height: 400px; 
}

.footer{
   background-color: #778899;
   color: #ffffff;
}

.footer a {
    color: #ffffff;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 1.42857143 !important;
    letter-spacing: 2px;
    border-radius: 0;
}

 footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
  }