@media (min-width: 980px) and (max-width: 2000px){
  body{
    background: linear-gradient(90deg, rgb(246, 204, 106) 50%, rgb(31, 31, 31) 50%);
  }
}

@media (min-width: 980px) and (max-width: 1150px){
  .section1__container__kontakt{
    padding: 0px 24px;
  }
}


@media (min-width: 600px) and (max-width: 980px){
  body{
    background-color: rgb(246, 204, 106);
  }

  .section1__kontakt{
    height: 1200px;
    background-color: rgb(246, 204, 106);
    background: linear-gradient(180deg, rgb(246, 204, 106) 50%, rgb(31, 31, 31) 50%);
  }

  .section1__container__kontakt{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 24px;
  }

  .leva__strana__section1{
    max-width: 900px;
    padding: 30px 0px;
    padding-bottom: 90px;
  }

  .header__leva__strana__kontakt1{
    text-align: center;
  }

  .desna__strana__section1{
    max-width: 900px;
    align-items: center;
  }

  .header__desna__strana__section1{
    text-align: center;
  }
  
  .section2__kontakt{
    height: 400px;
    background-color: rgb(246, 204, 106);
  }

  .section2__kontakt__container{
    margin: auto;
  }

  .box__kontakt2{
    margin: 20px 24px;
    height: 200px;
  }
} 

@media (min-width: 400px) and (max-width: 600px){
  body{
    background-color: rgb(246, 204, 106);
  }

  .section1__kontakt{
    height: 1200px;
    background-color: rgb(246, 204, 106);
    background: linear-gradient(180deg, rgb(246, 204, 106) 50%, rgb(31, 31, 31) 50%);
  }

  .section1__container__kontakt{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 24px;
  }

  .leva__strana__section1{
    max-width: 900px;
    padding: 30px 0px;
    padding-bottom: 120px;
  }

  .header__leva__strana__kontakt1{
    text-align: center;
  }

  .desna__strana__section1{
    max-width: 900px;
    align-items: center;
  }

  .header__desna__strana__section1{
    text-align: center;
  }

  .logo__desna__strana__section1{
    width: 350px;
  }
  
  .section2__kontakt{
    height: 500px;
    background-color: rgb(246, 204, 106);
  }

  .section2__kontakt__container{
    margin: auto;
  }

  .box__kontakt2{
    margin: 20px 24px;
    height: 200px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  
} 


@media (min-width: 200px) and (max-width: 400px){
  body{
    background-color: rgb(246, 204, 106);
  }

  .section1__kontakt{
    height: 1050px;
    background-color: rgb(246, 204, 106);
    background: linear-gradient(180deg, rgb(246, 204, 106) 50%, rgb(31, 31, 31) 50%);
  }

  .section1__container__kontakt{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 24px;
  }

  .leva__strana__section1{
    max-width: 900px;
    padding: 30px 0px;
    padding-bottom: 50px;
  }

  .header__leva__strana__kontakt1{
    text-align: center;
  }

  .desna__strana__section1{
    max-width: 900px;
    align-items: center;
  }

  .header__desna__strana__section1{
    text-align: center;
  }

  .logo__desna__strana__section1{
    width: 60vw;
  }
  
  .section2__kontakt{
    height: 540px;
    background-color: rgb(246, 204, 106);
  }

  .section2__kontakt__container{
    margin: auto;
  }

  .box__kontakt2{
    margin: 20px 24px;
    height: 200px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

}