#ps-banner-img-and-content {

         position: relative;
}

.ps-banner-img-and-content_left {

         /*background-image: url('/wp-content/themes/pomme_salon/_modules/banners/img-and-content/_img/brushes.jpg');*/
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center;
}

.ps-banner-img-and-content_right {
                  
         background: #e4d8cf;
}

#ps-banner-img-and-content p:empty {

         display: none;
}

@media ( max-width: 959px ) {

         #ps-banner-img-and-content h1 {

                  font-size: 3.2rem;
         }

         #ps-banner-img-and-content p {

                  font-size: 1.9rem;
                  line-height: 1.3em;
         }  

         .ps-banner-img-and-content_left {

                  position: relative;
         }
         
         .ps-banner-img-and-content_left-inner {

                  padding-top: 50%;
         }
}


@media ( min-width: 960px ) {

         #ps-banner-img-and-content h1 {

                  font-size: 4.9rem;
         }

         #ps-banner-img-and-content p {

                  font-size: 2.2rem;
                  line-height: 1.3em;
         }

         #ps-banner-img-and-content {

                  height: 50vh;
         }

         .ps-banner-img-and-content_left {

                  position: absolute;
                  top: 0;
                  right: 50%;
                  bottom: 0;
                  left: 0;
         }

         .ps-banner-img-and-content_left-inner {

                  display: none;
         }
         
         .ps-banner-img-and-content_right {
                  
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 50%;
         }

         .ps-banner-img-and-content_content {

                  width: 100%;
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translateY(-50% );
         }
}