#footer-logo{
  height:55px;
}
html,
body,
header,
.view {
  height: 100%;
}
.testimonial-cardHardy{
  margin-bottom:48%;
}
.testimonial-cardUp{
   background-color: #2196F3; /* pour changer la couleur du card up des testimonials */
}

.testimonial-cardAdler{
  margin-bottom:42%;
}

@media (min-width: 740px) 
{
  html,
  body,
  header,
  .view
   {
    height: 1000px;
  }

}


@media (max-width: 500px)
 {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
  .full-page-intro{
    margin-top: 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1025px)
 {
  html,
  body,
  header,
  .view {
    height: 550px;
  }
  .full-page-intro{
    margin-top: 90px;
  }
  .testimonial-cardHardy{
    margin-bottom:86%;
  }
  
  .testimonial-cardAdler{
    margin-bottom:72%;
  }
}
@media (min-width: 800px) and (max-width: 850px)
 {
   
  html,
  body,
  header,
  .view
   {
    height: 550px;
  }
}

.view,body,html
{
    height:100%
}
.cardImage .mask
 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.card-comments img{width:4rem}

@media (max-width:740px)
{
    .full-page-intro{
        height:550px;
    }
    .showisResolutionInf740{
      display: block;
    }
    .hideisResolutionInf740{
      display: none;
    }
    .testimonial-cardHardy{
      margin-bottom:0%;
    }
    
    .testimonial-cardAdler{
      margin-bottom:0%;
    }
}

.navbar
{
    background-color:rgba(0,0,0,.3)
}

.page-footer,.top-nav-collapse{
    background-color:#00897b ;
    box-shadow: 5px 2px 12px -3px #999;
}
@media only screen and (max-width:768px){
    .navbar{
      
        background-color:#00897b;
        box-shadow: 5px 2px 12px -3px #999;
        
    }
    
}

.map-container-section {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
  }
  .map-container-section iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
  }

  .btn-floating {
    z-index: 1;
    overflow: hidden;
    width: 47px;
    height: 47px;
    padding: 0;
    border-radius: 50%;
    background-color: #007bff;
    -webkit-transition: .3s;
    transition: .3s;
}

/* Begin code for Title */
h2
{color:black;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
.fa-eye {
color:#4153A7
}
span {
    display: inline-block;
    vertical-align: middle;
  }
  .HrTitle {
    text-align: center;
  }
  .outer-line {
    width:15%;
    border-bottom: 4px solid #4153A7;

  }

 
/* End code for Title */


 /* Begin code for Modules */
.displayImgCardLeft{
    position: relative;
    width: 50%;
    min-height: 1px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
}
.displayImgCardRight{
  position: relative;
  width: 50%;
  min-height: 1px;
 left: 530px;
}

 /* End code for Modules */

 .background-grey {
  background-color: #eee;
}
.orange-text-2 {
  color: #ffa726!important;
}
.btn-orange-2 {
  background: #ffa726;
}
    html,
        body,
        header,
        .jarallax {
          height: 100%;
        }

        @media (min-width: 560px) and (max-width: 740px) {
            html,
            body,
            header,
            .jarallax {
              height: 500px;
            }
        }

        @media (min-width: 800px) and (max-width: 850px) {
            .navbar:not(.top-nav-collapse) {
                background: #23242a!important;
            }
            .navbar {
              box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
            }
        }