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

      .marSubtitles{
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:17px;
        line-height:26px;
        color:white;
        position:relative;
      }
      
      .marTexto{
        font-family: "Montserrat", sans-serif;
       
        font-weight: 400;
        font-style: normal;
        font-size:17px;
        line-height:26px;
        color:white;
        text-align:justify;
        position:relative;
      }
      
      .mar{
        display:flex;
        flex-direction:column;
        width:100%;
        background-color:black;
        position:relative;
      }
      
      .marPleca{
        display:flex;
        width:100%;
        /*border:1px solid whhite;*/
        height:330px;
        position:relative;
        background-image:url("./imgs/mar/marPleca.svg");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }
      
      .marCircle{
        display:flex;
        width:394px;
        height:394px;
        position:absolute;
        /*background-color:red;*/
        bottom:0;
        left:115px;
        background-image:url("./imgs/mar/marCircle.png");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }

      .spacio{
        height:100px;
      }
      
      .marContenido{
        display:flex;
        width:100%;
        flex-direction:column;
        padding:29px 141px 0 160px;
        gap:67px;
        /*background-color:green;*/
        position:relative;
      }
      
      .marServicios{
        width:100%;
        display:flex;
        gap:93.5px;
        /*background-color:purple;*/
          position:relative;
      }
      
      .marSerColumna{
        display:flex;
        flex-direction:column;
        width:100%;
        /*background-color:darkgrey;*/
        position:relative;
      }
      
      .marPuntual{
        display:flex;
        gap:32px;
        width:fit-content;
        /*background-color:brown;*/
        margin-bottom:10px;
        position:relative;
      }
      
      .marBola{
        display:flex;
        width:25px;
        background-color:#FFE408;
        border-radius:50px;
        width:23.4px;
        height:23.4px;
        flex-shrink:0;
        position:relative;
      }
      
      .space{
        height:1300px;
      }

      .extraPad{
        padding-top:57px;
      }

      .extraPadAbajo{
        padding-bottom: 43px;
      }

      @media(max-width:1000px){

          .mar{
            /*border: 4px solid aqua;*/
            padding: 0;
          }

          .marCircle{
            /*background-color: beige;*/
            left: auto;
            right: 0;
            width: calc(394px / 1.3);
            height: calc(394px / 1.3);
          }

          .marContenido{
            padding: 0 40px;
            /*background-color: blueviolet;*/
            gap:30px;
          }

          .marEspecial{
            justify-content: left;
            width: 300px;
          }

      }

          @media(max-width:600px){

            .marContenido{
              padding-top: 36px;
              gap: 30px;
              /*border: 5px solid aqua;*/
            }

            .marTitles{
              font-size: 33px;
              line-height: 38px;
            }

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

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

            .marSerColumna{
              gap:15px;
              /*background-color: antiquewhite;*/
            }

            .marServicios{
              flex-direction: column;
              gap: 15px;
              /*background-color: red;*/
            }

            .extraPad{
              padding-top:0;
            }

            .extraPadAbajo{
              padding-bottom: 12px;
              /*background-color: green;*/
            }

            .marPuntual{
              margin-bottom: 0;
              /*background-color: black;*/
            }

          }