.pereTitles{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal;
        font-size:49px;
        line-height:53px;
        color:white;
        position:relative;
      }

      .pereSubtitles{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size:17px;
        line-height:26px;
        color:white;
        position:relative;
      }
      
      .pereTexto{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-size:17px;
        line-height:26px;
        color:white;
        text-align:justify;
        position:relative;
      }
      

      .pere{
        display:flex;
        width:100%;
        flex-direction:column;
        background-color:black;
        position:relative;
        background-image:url("./imgs/perecedero/pereFondo.png");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;

      }
      
      .perePleca{
        display:flex;
        width:100%;
        height:339px;
        position:relative;
        top:0;
        background-image:url("./imgs/perecedero/perePleca.svg");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }
      
      .pereAvion{
        display:flex;
        width:596px;
        height:188px;
        /*background-color:purple;*/
        position:absolute;
        left:36.5px;
        bottom:82.4px;
        background-image:url("./imgs/perecedero/pereAvion.png");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }
      
      .pereCircle{
        display:flex;
        position:absolute;
        right:127px;
        bottom:0;
        width:300px;
        height:300px;
        /*background-color:blue;*/
        background-image:url("./imgs/perecedero/pereCircle.png");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }
      
      .pereContenido{
        display:flex;
        width:100%;
        padding-left:165px;
        justify-content:space-between;
       /*background-color:green;*/
        gap:85px;
        position:relative;
      }
      
      .pereImagen{
        display:flex;
        width:463px;
        height:467px;
        flex-shrink:0;
        /*background-color:pink;*/
        position:relative;
      }
      
      .pereParrafo{
        display:flex;
        width:100%;
        flex-direction:column;
        padding-top:63.5px;
        padding-bottom:50px;
        gap:32.6px;
        position:relative;
      }

      @media(max-width:1000px){

          .pere{
            /*border: 4px solid aqua;*/
            background-size: 200% auto;
            background-position: left;
          }

          .pereContenido{
            padding: 0 40px 40px 40px;
            /*border: 3px solid orange;*/
          }

          .pereParrafo{
            width:100%;
          }

          .pereImagen{
            display: none;
          }

          .pereCircle{
            right: 20px;
          }

          .pereAvion{
            /*background-color: orange;*/
            width: calc(596px * 0.86);
            height: calc(188px * 0.86);
            left: 0px;
          }
      }


      @media(max-width:600px){

        .pereContenido{
           padding-top: 60px;
        }

          .pereAvion{
            top:260px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 5;
          }

          .pereTexto{
            font-size: 15px;
            line-height:21px;
          }

          .pereSubtitles{
            font-size: 17px;
            line-height: 21px;
          }

          

      }