body, html {
    width: 100%;
    height: 100%
  }
  
  body {
    font-family: 'Source Sans Pro'
  }
  
  .btn-xl {
    padding: 1.25rem 2.5rem
  }
  
.map iframe {
    height: 100%;
    width: 100%;
    border: 0
  }
  
  footer.footer {
    padding-top: 5rem;
    padding-bottom: 5rem
  }
  
  footer.footer .social-link {
    display: block;
    height: 4rem;
    width: 4rem;
    line-height: 4.3rem;
    font-size: 1.5rem;
    background-color: #004e4e;
    transition: background-color .15s ease-in-out;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1)
  }
  
  footer.footer .social-link:hover {
    background-color: #155d74;
    text-decoration: none
  }
  
  a {
    color: #1d809f
  }
  
  a:active, a:focus, a:hover {
    color: #155d74
  }
  
  .btn-primary {
    background-color: #004e4e!important;
    border-color: #016b6b!important;
    color: #fff!important
  }
  
  .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #155d74!important;
    border-color: #155d74!important
  }
  
  .btn-secondary {
    background-color: #ecb807!important;
    border-color: #ecb807!important;
    color: #fff!important
  }
  
  .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
    background-color: #ba9106!important;
    border-color: #ba9106!important
  }
  
  .btn-dark {
    color: #fff!important
  }
  
  .btn {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    font-weight: 700
  }
  
  .bg-primary {
    background-color: #004e4e!important
  }
  
  .text-primary {
    color: #1d809f!important
  }
  
  .text-secondary {
    color: #ecb807!important
  }
  
  .bg-costume {
    background-color: #004e4e;
  }
  
  .btn-costume:hover,
  .btn-costume:focus{
    background-color: #007979;
  }
  .scroll-to-down {
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(52, 58, 64, .5);
    line-height: 50px;
    font-weight: 800;
  }
  
  .scroll-to-down:focus, .scroll-to-down:hover {
    color: #fff
  }
  
  .scroll-to-down:hover {
    background: #343a40
  }
  
  @keyframes szoom {
    0% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }
  
  .carousel-item img, .buttonLogo {
    height: 100vh;
  }
  
  .zoomout {
    animation: szoom 0.5s 1;
    overflow: hidden;
  }
  
  .devis-mobile {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
  }
  .g-1{
    display: grid;
    grid-template-columns: 1fr 40em 1fr;
  }