@charset "utf-8";
/* CSS Document */

#recits{
    color: #000;
    padding:30px 0;
    /* height: 900px; */
    background: #f9f9f9;
    background-image: url("../images/background-recits.jpg");
    background-size: cover;
    /*height:500px;
    color:white;*/
    padding: 30px 0 70px 0;
    box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: 0px 0px 50px 50px rgba(0,0,0,0.75) inset;
}

#recits .container{
    padding: 0px 30px;
    position: relative;
    max-width: 1070px;
    margin:0 auto;
}

#recits h1{
    font-family: 'poppins bold';
    text-transform: uppercase;
    color: #f9f9f9;
}



@media screen and (max-width: 900px) {
    #a-propos h1{
        text-align: center;
        font-size: 1.602rem;
    }
    #a-propos h2{
        font-size: 1.2rem;
    }
    #a-propos .container{
      padding:0 20px;
  }
    .texte-scenarisation{
        display: block;
        text-align: center;
    }
    .texte-scenarisation .image-scenariste {
        margin: 0 auto;
    }
    #producteurs .texte-producteur{
        -webkit-columns: 300px 1;
        -moz-columns: 300px 1;
        columns: 300px 1;
    }
    #producteurs h1{
        font-size: 1.4rem;
    }
    #producteurs .texte-producteur h2{
        font-size: 1.2rem;
    }

    #a-propos .container .container-crew{
      display: block;
    }
    #a-propos .container .container-crew .photo{
      min-height: 150px;
      -webkit-box-shadow: none;
      box-shadow: non;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 0px;
    }
    #a-propos .container .container-crew .photo.samian{
      background-image: url(../images/samian_h.jpg);
    }
    #a-propos .container .container-crew .photo.jf{
      background-image: url(../images/jf_h.jpg);
      background-position: center;
    }
    #a-propos .container .container-crew .photo.randy{
      background-image: url(../images/randy_h.jpg);
    }
    #a-propos .container .container-crew .photo.jason{
      background-image: url(../images/jason_h.jpg);
    }
    #a-propos .container .container-crew .description-crew{
      padding: 15px;
    }
}