#map1,#map {
    /* height: 180px; */
    flex: 1;
    height: 100px;
    width: 100%;
  
  }
  
  .mapview {
    height: 60vh;
  }
  
  
  main {
    /* margin-left: 10%;
      margin-right: 10%;
      margin-top: 2em; */
    margin: 0;
  }
  
  .main_img,
  .itinerary_img,
  .environment_img {
    max-width: 100%;
  }
  
  .slider {
    width: 100%;
    height: 95vh;
    overflow: scroll;
    scroll-snap-type: y mandatory;
  }
  
  .slide {
    width: 100%;
    height: 95vh;
    display: flex;
    align-items: self-end;
    justify-content: center;
    gap: 50px;
    scroll-snap-align: start;
    color: white;
    padding: 1em;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .slide>* {
    /* Default styles for the flex items */
    flex-basis: 0;
    flex-grow: 1;
  }
  
  .slide> :only-child {
    flex-basis: 100%;
    flex-grow: 0;
  }
  
  .slide> :first-child:nth-last-child(2),
  .slide> :first-child:nth-last-child(2)~* {
    /* Styles when there are exactly two children */
    flex-basis: 20%;
    flex-grow: 0;
  }
  
  .slide> :first-child:nth-last-child(2)~* {
    flex-basis: 80%;
    font-size: 1.6rem;
  }
  
  
  .slide p {
    background-color: rgba(10, 10, 10, .7);
    margin: 0;
    padding: 1rem;
    width: 100%;
    border-radius: 6px;
    overflow-y: scroll;
  }
  
  .slide img {
    max-width: 50%;
  }
  .slide h1 {
    background-color: rgba(10, 10, 10, .8);
    margin: 0;
    padding: 1rem;
    width: 100%;
    color: rgba(252, 214, 4, 0.98);
    border-radius: 6px;
    text-shadow: 2px 0 #fff,  -1px 1px #000000;
  }
  @media (max-width:960px) { 
    .slide h1 {
      font-size: 1.2em;
    }
    .slide p,.slide code{
      font-size: 0.9em!important;
    }
  } 
  
  .slide code {
    color:white
  }
  .poster {
    width: fit-c;
    height: 80vh;
  }
  
  .slide1_1 {
  
    background: url(../img/aiguamolls.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  .slide1_2 {
  
    background: url(../img/aiguamolls_map.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  .slide1_3 {
  
    background: url(../img/sentinel2_girona_zone2.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  .slide1_4 {
  
    background: url(../img/download_tile_31TEG.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  .slide1_5 {
  
    background: url(../img/qgis_bands_TEG.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  .slide1_6 {
  
    background: url(../img/ndvi_clipped_qgis.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  .slide2,.slide4_1 {
  
    background: url(../img/GDALLogoColor.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  .slide2_1 {
  
    background: url(../img/gdalinfo.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  
  .slide2_2 {
  
    background: url(../img/gdalinfo_json.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  .slide2_3 {
  
    background: url(../img/gdalinfo_cloud_coverage_value.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }

  .slide2_4 {
  
    background: url(../img/gdalinfo_cloud_coverage_screen.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  .slide2_5 {
  
    background: url(../img/ndvi_clipped_bash.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  .slide2_6 {
  
    background: url(../img/ndvi_clipped_bash_timing.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }

  .slide4_2 {
    background: url(../img/scl_all_classes.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .slide4_3 {
    background: url(../img/scl_classification.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .slide4_4 {
    background: url(../img/scl_vegetated.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .slide3_2 {
  
    background: url(../img/lorenzobecchi_com.png);
    background-repeat: no-repeat;
    background-size: cover;
  
  }

  .slide1_5 {
    padding: 0;
  }
  
  .slide_x {
    display: flex;
    flex-direction: column;
  
  }
  
  /* .slide_x > * {
       flex-basis: 0;
      flex-grow: 1;
    }
    
    .slide_x > :only-child {
      height: 100%;
    }
    
    .slide_x > :first-child:nth-last-child(2),
    .slide_x > :first-child:nth-last-child(2) ~ * {
       flex-basis: 30%;
      flex-grow: 0;
    }
    
    .slide_x > :first-child:nth-last-child(2) ~ * {
      flex-basis: 70%;
    } */
  .itinerario1 a {
    cursor: pointer;
    text-decoration: underline !important;
    color: blue !important
  }
  
  .leaflet-popup-content img {
    width: fit-content;
    max-width: 20rem;
  }
  
  .itinerarios {
    color: darkslategrey;
    width: 100%;
  }
  
  .itinerarios button,
  .leaflet-marker-icon button {
    color: white;
    border-radius: 5px;
    cursor: pointer;
  
  }
  
  .itinerarios p {
    background-color: transparent;
    margin: .1em;
    padding: .1em;
    font-size: .9rem;
  }
  .itinerarios p img {
    max-height: 1.5rem;
  }
  .itinerario1 button {
    background-color: #264653;
  }
  
  .itinerario2 button {
    background-color: #2a9d8f
  }
  
  .itinerario3 button {
    background-color: #8ab17d
  }
  
  .itinerario4 button {
    background-color: #f4a261
  }
  
  .itinerario5 button {
    background-color: #e76f51
  }
  
  
  .page-title strong a{
    font-size: larger;
  }