@media only screen and (max-width: 720px) {
    .navbar, .nav-directory{
        position: relative;
        padding: 0;
    }
    .navbar > div, #layout-header .center-block, .nav-directory nav{
        display:none;
    }
  .navbar-nav li{
      float:initial;
  }
    #layout-content {
        padding-top: 50px;
    }
    
  .container{
      width:100%;
  }
  iframe{
      width: 80%;
  } 
  img{
      max-width:100%;
  }

  .col-20por, .col-25por, .col-30por, .col-35por, .col-40por, .col-60por, .col-50por, .col-80por{
      width:100%;
  }
  .boutiques .square-block, .restaurantes .square-block{
      width:300px;
  }
  .container .fixed-panel, .col-fullwidth .fixed-panel{
      display:table;
      width: 95%;
      margin: 0 auto;
  }
  .restaurantes .outline-button {
    width: 85%;
    margin: 10px auto;
  }
  .carrusel-container .fixed-panel{
      display:flex;
  }
  .four-banner .col-30por{
      width: 100%;
  }
  .square-block{
      margin: 10px;
  }
  .outline-button{
      float: initial;
  }
  
  #footer{
      display: none;
  }
  
    .navbar .logo-mv, .nav-directory .icon {
      color: white;
      display:block;
    }
    .navbar .logo-mv img{
        height: 40px;
    }
  /* Style navigation menu links */
    .navbar a, .nav-directory a {
      color: white;
      padding: 5px 16px;
      text-decoration: none;
      font-size: 17px;
      display: block;
    }
    
    /* Style the hamburger menu */
    .navbar a.icon, .nav-directory a.icon {
      background: #011f6b;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      padding: 17px 20px;
    }
    
    .nav-directory a.icon{
        background: white;
        color: #011f6b;
        padding: 5px;
    }
    
    /* Add a grey background color on mouse-over */
    .navbar a:hover {
      background-color: #ddd;
      color: black;
    }
    
    .block-title{
        margin: initial;
    }
    
    .four-banner > div, .map-block > div{
        padding: 0;
    }
    
    .map-block iframe{
        padding: 35px;
    }
    
    .carrusel-container .carrusel-contents .carrusel-overflow > div{
        margin: 0 auto;
        float: initial;
    }
    
    .four-banner > div img {
        width: 50%;
        margin: 0 auto;
        display: table;
        float: initial;
    }
    .col-fullwidth{
        display: grid;
        width: 95%;
        margin: 0 auto;
        padding: 20px 0;
    }
    
    .square-block {
        width: 84%;
    }
    
    .form-newsletter > div input{
        float: initial !important;
        width: 87%;
    }
    
}