@font-face {
    font-family: 'MazzardH';
    src: url("../fonts/MazzardH-Regular.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: 'MazzardH-Bold';
    src: url("../fonts/MazzardH-Bold.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: 'MazzardH-Light';
    src: url("../fonts/MazzardH-ExtraLight.otf") format("opentype");
    font-display: swap;
}

.ger-main {
  font-family: 'MazzardH';
  background-color: #031C33;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.section1 {
  position: relative;
}

.section2 {
  margin-top: -5%;
}

.section3 {
  margin-top: -5%;
}

.section5 {
  margin-top: 5%;
}

  .ger-fl {
    display: flex;
  }
  
  .ger-fl-cl {
   flex-direction: column; 
  }
  
  .ger-fl-rw {
   flex-direction: row; 
  }
  
  .ger-fl-nwr {
  flex-wrap: nowrap;  
  }
  
  .ger-fl-wr {
  flex-wrap: wrap;  
  }
  
  .ger-fl-jc-cn {
  justify-content: center;  
  }
  
  .ger-fl-jc-fs {
  justify-content: flex-start;  
  }
  
  .ger-fl-jc-fe {
  justify-content: flex-end;  
  }
  
  .ger-fl-jc-se {
  justify-content: space-evenly;
  }
  
  .ger-fl-jc-sa {
  justify-content: space-around;
  }
  
  .ger-fl-ai-fs {
    align-items: flex-start;
  }
  
  .ger-fl-ai-cn {
    align-items: center;
  }
  
  .ger-fl-ai-fe {
    align-items: flex-end;
  }
  
  .ger-fl-ac-fs {
    align-content: flex-start;
  }
  
  .ger-fl-ac-cn {
    align-content: center;
  }

  .ger-pad-tp-5{
    padding-top: 5%;
  }

  .ger-pad-tp-15{
    padding-top: 15%;
  }

  .ger-pad-bt-3{
    padding-bottom: 3%;
  }

  .ger-pad-bt-15{
    padding-bottom: 15%;
  }

  .ger-pad-bt-14{
    padding-bottom: 14%;
  }

  .ger-pad-tp-40-px{
    padding-top: 40px;
  }

  .ger-pad-bt-30-px{
    padding-bottom: 30px;
  }

  .ger-pad-bt-40-px{
    padding-bottom: 40px;
  }

  .ger-pad-lft-15-px{
    padding-left: 15px;
  }

  .ger-ab {
    position: absolute;
    overflow: hidden;
  }

  .ger-ind-1 {
    z-index: 1;
  }

  .ger-ind-0 {
    z-index: 0;
  }


  .ger-wdth-20 {
    width: 20%;
  }

  .ger-wdth-25 {
    width: 25%;
  }

  .ger-wdth-30 {
    width: 30%;
  }

  .ger-wdth-33 {
    width: 33%;
  }

  .ger-wdth-40 {
    width: 40%;
  }

  .ger-wdth-50 {
    width: 50%;
  }
  
  .ger-wdth-70 {
    width: 70%;
  }

  .ger-wdth-70-b {
    width: 70%;
  }

  .ger-wdth-100 {
    width: 100% !important;
  }

  .gr-hr {
    margin-top: 5%;
    border-top:1px solid #E5B873;
    width: 50%;
  }

  /* Wygląd tesktu-start*/

  .ger-h1 {
    font-family: 'MazzardH-Bold';
    font-size: 60px;
    margin: 0px;
  }

  .ger-h2 {
    font-family: 'MazzardH-Bold';
    font-size: 36px;
    margin: 0px;
  }

  .ger-h3 {
    font-family: 'MazzardH-Light';
    font-size: 28px;
    margin: 0px;
  }

  .ger-h4 {
    font-family: 'MazzardH-Light';
    font-size: 34px;
    margin: 0px;
  }

  .ger-p {
    font-family: 'MazzardH-Light';
    line-height: 30px;
    font-size: 24px;
  }

  .ger-p-gld {
    font-family: 'MazzardH-Light';
    line-height: 28px;
    font-size: 22px;
    color: #F9D695;
  }

  .ger-small-fat {
    font-size: 24px;
    margin: 0px;
  }

  .ger-small-one {
    font-family: 'MazzardH-Light';
    font-size: 16px;
    margin: 0px;
    line-height: 24px;
  }

  .ger-b {
    font-family: 'MazzardH-Bold';
  }

  .ger-txt-cn {
    text-align: center;
  }

  .ger-txt-rgt {
    text-align: right;
  }

  .ger-adv-wht {
    font-family: 'MazzardH';
    border: 1px solid #FFFFFF;
    border-radius: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 250px;
    margin-bottom: 20px;
  }

  .ger-adv-gld {
    font-family: 'MazzardH';
    border: 1px solid #E5B873;
    border-radius: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 250px;
    margin-bottom: 20px;
  }

  .ger-btn-gld {
    margin-top: 50px;
    font-family: 'MazzardH-Bold';
    border: 1px solid #E5B873;
    border-radius: 14px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    width: 40%;
    color: #E5B873;
    background: transparent;
    font-size: 18px;
    transition: .3s ease-in-out;
    cursor: pointer;
  }

  .ger-btn-gld:hover {
    color: #fff;
    background: #E5B873;
  }

  .ger-small {
    font-family: 'MazzardH-Light';
  }
 
  /* Wygląd tesktu-koniec*/

  /* Wygląd grafik-start*/
  .ger-img-100 {
    width: 100%;
    object-fit: contain;
  }

  .ger-spec-wdth-1 {
    max-width: 450px;
  }

  .ger-spec-wdth-2 {
    max-width: 350px;
  }

  .ger-spec-wdth-3 {
    max-width: 70%;
  }

  .ger-spec-wdth-4 {
    max-width: 150px;
  }

   .ger-select {
    overflow: hidden;
    position: relative;
    width: 60%;
    padding-top: 20%;
    margin-left: -10px;
   }

   .ger-tlo-1{
    margin-left: -8%;
    top: -10%;
    max-width: 100%;
   }

   .ger-tlo-2{
    margin-top: -10%;
    max-width: 100%;
   }

.ger-logo-mal {
   width: 100%;
   max-width: 149px;
   padding-left: 2%;
  }
   /* Wygląd grafik-koniec*/

   @media (max-width: 768px) {
    
    .section3 {
      margin-top: 0px;
    }
    
    .ger-wdth-30{
      width: 99%;
    }

    .ger-h1 {
      margin: 0px;
    }

    .ger-wdth-33 {
      width: 99%;
    }

    .ger-cn-mob {
      text-align: center;
    }

    .ger-wdth-70-b {
      width: 99%;
    }

    .ger-h1 {
      font-family: 'MazzardH-Bold';
      font-size: 40px;
      margin: 0px;
    }

    .ger-btn-gld {
      width: 80%;
    }

    .ger-h2 {
      font-size: 30px;
    } 

    .ger-p-gld {
      font-size: 18px;
    }

    .ger-h4 {
      font-size: 26px;
    }

    .ger-adv-gld, .ger-adv-wht {
      font-size: 18px;
    }
    .ger-tlo-1 {
      top:unset;
      margin-left:unset;
    }

    .gr-hr {
      width: 80%;
    }

    .ger-tlo-2 {
      margin-top: unset;
    }

    .ger-wdth-20 {
      width: 50%;
    }

    .ger-pad-bt-mob {
      padding-bottom: 30px;
    }
   }