/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  background: url("../img/evapoethe-background-3.jpg") no-repeat 50% fixed;
  background-size: cover;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-top: 130px;
  color: #5476B3;
  margin-bottom:100px;
}

p, li {font-size: 16px;}

footer {
  padding: 30px 30px;
  background-color: #5476B3;
  color: #fff;
  bottom: 0;
  width: 100%;
  position:absolute;
}

.navbar {
  background-color: #fff;
  border: none;
  height: 70px;
}

@media screen and (max-width: 767px) {
    .navbar {
      height: inherit;
    }
    .body {
      margin-top: 60px;
    }
}

.navbar-nav {
  float: right;
}

.navbar-collapse {
  background-color: #fff;
  border: none; 
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #5476B3;
  color: #1a1a1a;
}

.navbar-inverse .navbar-toggle {
  border-color: #5476B3;   
}

.navbar-nav>.active>a {
  border-color: #5476B3;
  background-color: #5476B3;
}

.navbar-inverse .navbar-brand {
  color: #5476B3;    
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #5476B3;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #eee;
    color: #5476B3;
}

.navbar-inverse .navbar-nav>li>a {
    color: #5476B3;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #5476B3;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #5476B3;
}

.navbar .navbar-header >h6 {
    line-height: 25px;
}
    
@media screen and (max-width: 767px) {
    h6 {
    line-height: 30px;
    }    
}

/*
 * Off Canvas
 * --------------------------------------------------
 */

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #5476B3;
    border-color: #5476B3;
}

@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -75%; /* 9 columns */
  }

  .row-offcanvas-left.active {
    left: 75%; /* 9 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 9 columns */
  }
}


#quote {
  text-align: center;
}

.list-group-item {
    font-size: 100v*;
}

.container {
  background-color:rgba(255,255,255,0.9);
  border-radius: 5px;
}

#meridiane {
  height: 60vh;
  width: auto;
  pointer-events: none;
  margin-left: auto;
  margin-right: auto;
}

.main-content {
    background: none;
    padding: 15px;
}

#list-services .list-group-item {
    border: none;
    background: none;
}

a.list-group-item, button.list-group-item {
    color: #5476B3;