.trysum {
  position: absolute;
      top: 0;
    right: 0;
  height: 100%;
  padding-top: 50px;
}

.rb-wrap {
  background: #fff;
  position: relative;
  height: 250px;
  margin-top: 50px;
}

.img-rb {
  width: 250px;
  height: 250px;
  position: absolute;
  bottom: 70px;
  left: 0;
  display: flex;
}

.img-rb img {
  z-index: 2;  
}

.rb-wrap hr {
  position: absolute;
  bottom: 90px;
  width: 360px;
  left: 0;
  border-top: 8px dotted #ccc;
  z-index: 1;
}

{#
.stg-mod.collage-hero {
  background: linear-gradient( to bottom, #00232f 85%, #c04827 15%);
}
#}

.stg-mod .mainrow .sr-cover-inner {
  z-index: 6;
}

.stg-mod .mainrow .sr-cover-inner .display-1 {
    font-family: 'Source Serif Pro', serif;
    font-style: normal;
    font-weight: normal;
}

h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, .display-1 br, .display-2 br, .display-3 br, .display-4 br, .description br {
    display: block;
}

.stg-mod .mainrow .sr-cover-inner .description {
  width: 40%;
}

.sr-hero-01 .colsegundo {
   padding-right: 0;
}

.sr-hero-01.collage-hero .colsegundo hr {
  bottom: 10%;
  position: absolute;
  right: 0;
  width: 95%;
  z-index: 0;
  border-top: 3px dotted rgb(190 190 190 / 80%);
  z-index: 2;
}

.stg-mod.collage-hero .hero-line {
  border-top: 4px dashed rgba(255,255,255,.5);
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: -22%;
  width: 30%;
}

.collage-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 100%;
}
  
.image-one img, .image-two img, .image-three img, .image-four img {
  object-fit: cover;
  width: 100%;
}

.image-one, .image-two, .image-three, .image-four {
  display: flex;
}

.image-one {
  overflow: hidden;
  justify-content: flex-end;
/*   height:51%;
  width: 43%; */
  height:38%;
  width: auto;
  z-index: 1;
  aspect-ratio: 1 / 1.15;
} 

.image-two {
  position: absolute;
  right: 270px;
  top: 14%;
  z-index: 2;
  width: auto;
  aspect-ratio: 1 / 1.15;
  height: 42%;
}


.image-three {
/*   width: 54%; */
    width: auto;
  z-index: 3;
/*   max-height: 800px; */
  height: 56%;
  aspect-ratio: 1 / 1.4;
}

.image-four {
  position: absolute;
  top: 50%;
  right: 300px;
  width: auto;
  aspect-ratio: 1 / 1.25;
  height: 29%;
  overflow: hidden;
  z-index: 4;
}


@media (min-width: 1920px) {

}

@media (max-width: 1919px) { 

}

  
@media (min-width: 1200px) and (max-width: 1480px) {
/*   .image-one { 
    height: 500px;
  } */

/*   .image-three {
    top: 360px;
  }
 */
/*   .stg-mod.collage-hero .hero-line {
    display: none;
  }
  .sr-cover-parallax .sr-cover-inner {
    padding-bottom: 3rem;
  } */
/*     .sr-hero-01.collage-hero .colsegundo hr {
    bottom: 4%;
  } */
}

@media (min-width: 1200px) {

  .collage-sm {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .collage-sm .image-one {
    height: 425px;
    width: 90%;
  } 

  .collage-sm .image-two {
    height: 325px;
    width: 80%;
    margin-right: -5%;
  } 

  .collage-sm .image-three {
    left: 2%;;
    top: 36%;
    width: 30%;
  } 
}

@media (min-width: 1200px) and (max-width: 1280px) {

}
  
@media (max-width: 1199.98px) {
  .trysum {
    position: relative;
  }
  
  .stg-mod .mainrow .sr-cover-inner .description {
  width: 80%;
}
  .stg-mod .mainrow { 
    flex-direction: column-reverse;
  }

  .sr-hero-01 .colsegundo {
    padding-left: 0;
  }
.sr-hero-01.collage-hero .colsegundo hr {
    border-top: 2px dashed hsla(0,0%,75%,.8);
    width: 90%;
    bottom: 1%;
          z-index: 1;
  }
  .collage-wrapper {
    height: 560px;
    display: flex;
    align-items: center;
  }
  .image-one { 
    z-index: 2;
    position: absolute;
    height: 80%;
    top: 10%;
    justify-content: revert;
    right: auto;
    left: 0;
    aspect-ratio: 1 / 0.95;
  }

  .image-two {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
    overflow: hidden;
    margin-right: 0%;
    max-height: none;
    z-index: 1;
  }

  .image-three { 
    height: auto;
    width: 25%;
    aspect-ratio: 1 / 1.5;
    position: absolute;
    bottom: -25%;
    right: 0;
  }
  
  .image-four { 
    display:none; 
  }
  
}

@media (max-width: 767px) {
  
    .stg-mod .mainrow .sr-cover-inner .description {
  width: 90%;
}
    .trysum {
  }
  
  .sr-hero-01 .colsegundo {
    padding-left: 0;
  }

  .collage-wrapper {
    height: 380px;
  }
  
  .sr-hero-01 .colsegundo hr {
    width: 25%;
  }
  
  .stg-mod.collage-hero .hero-line {
      border-top: 3px dotted rgba(0,0,0,.5);
      margin-bottom: 0rem;
      margin-left: -22%;
      margin-top: 4rem;
      width: 61%;
  }
  
  .image-two {
/*     height: 70%;
    left: 12%;
    top: 20%;
    width: 43%; */
  }
  
  .image-three {
    display: none;
  }
  
}

@media (max-width: 480px) {
  .collage-wrapper {
    height: 260px;
  }
}


@media (max-width: 360px) {
  
  .collage-wrapper {
   height: 200px;
  }
  
  
  .stg-mod .mainrow .sr-cover-inner .description {
  width: 100%;
}
  

  
  .image-two {
    width: 60%;
  }
  
  .image-three {
    display: none;
  }
}

.sr-cover-parallax .sr-cover-inner {
    margin: 0 auto;
    width: 100%;
    z-index: 2;
}
.sr-cover-parallax .height-auto     { min-height: 0vh; }
.sr-cover-parallax .height-small    { padding: 8rem 0; }
.sr-cover-parallax .height-medium   { padding: 14rem 0; }
.sr-cover-parallax .height-large    { padding: 20rem 0; }
.sr-cover-parallax .height-full     { min-height: 100vh; }