.branding{
    font-size:17px;
  }

  .showcase{
    /*background: url('/themes/construireaccessible/modules/ps_featuredproducts/views/templates/hook/paris5.png') no-repeat;*/
    background-position:center;
	background-size: cover;
    padding-top: 10px;
    color:#000;
	font-size:large;
  }

  .showcase h1{
    font-weight:400;
    text-transform: uppercase;
    padding:2em;
  }


  .showcase hr{
    width: 80%;
        margin: auto;
        border-width: 2px;
        border-color: #009900;
  }

  .showcase p{
    text-align: justify;
    text-justify: inter-word;
    padding-bottom:20px;
    color:#000;
  }
  .sectionDeroulement p{
    text-align: justify;
  }
  .section{
    padding:40px 0;
  }

  .section h2{
    padding:0;
    margin:0;
  }

  .section .fa{
    font-size:50px;
  }

  .section img{
    width:100%;
  }

  #index #header .header-nav {
      margin-bottom: 0em;
  }
  #rowDesBoutons {
    width: 80%;
    margin:auto;
  }
  /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
  @media screen and (min-width: 149px) {
    #divVide {
      visibility: hidden;
      height:0px; width:0px;
      padding: 0em;
    }
    .showcase h1{
      padding:1em;
    }
  }
  @media screen and (min-width: 400px) {
    #divVide {
      visibility: hidden;
      height:0px; width:0px;
      padding: 0em;
    }
    .showcase h1{
      padding:1em;
    }
  }
  @media screen and (min-width: 600px) {

    #divVide {
      visibility: hidden;
      height:150px; width:150px;
      padding: 0em;
    }
    .showcase h1{
      padding:1em;
    }
  }
    @media screen and (min-width: 1000px) {
      #divVide {
        visibility: visible;
        height:150px; width:150px;
        padding: 2em;
      }
      .showcase h1{
        font-weight:400;
        text-transform: uppercase;
        padding:2em;
      }
    }