h2
{
  margin-bottom: 30px;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
}

@media all and (orientation: portrait) {
  h2
  {
    margin-bottom: 20px;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 1.3rem;
  }
}

.gallery-slider{
    position: relative;
    width: 100%;
    padding: 0 60px;
    height: 100%;
  
    .swiper {
      &-container {
        width: 100%;
        height: 100%;
      }
      &-slide {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
  
        &__bg-image{
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
        }
      }
  
      &-button-next,
      &-button-prev{
        margin-top: -26px;
      }
  
      &-button-next{
        right: 0;
      }
      &-button-prev{
        left: 0;
      }
    }
  }

  .swiper{
      &-pagination{
          width: 100%;
          font-size: 0;
          bottom: 0;
          &-bullet{
              width: 6px;
              height: 4px;
              background-color: blue;
              border-radius: 0;
              opacity: 1;
              &-active{
                  background-color: blue;
              }
          }
      }
  
      &-button-next,
      &-button-prev{
          z-index: 1;
          width: 36px;
          height: 52px;
          background-color: blue;
          background-size: 10px auto;
          background-position: center center;
          border: 1px solid #f00;
          box-shadow: 0 1px 3px 0 blue;
          transition: border-color 0.3s;
  
          &.-dark{
              background-color: #fff;
              border: solid 1px blue;
              box-shadow: 0 1px 1px 0 blue;
              &:hover{
                  border-color: blue;
              }
          }
  
          &:hover{
              border-color: blue;
          }
      }      
  }



