@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 800px) {
  header {

    width:100vw;

}
  .nav-menu{
    width:100%;
}

  .nav-logo{

    font-size: 2rem;

}


  #welcome {
    flex-direction: column;
    width:100%;
    min-height: 90vh;


  }
    #welcome .title{
      padding: 0px;
    margin-top: 0px;
        margin-bottom:30px;
  }
    #welcome .title_top {
     padding: 0px;

    margin-bottom: -20px;
        margin-left: -185px;


  }
  #welcome .title_top_top {
     padding: 0px;
    font-size: 3.7rem;    
    margin-bottom: 0px;
  }
    #welcome .title_top_top_2 {
    font-size: 1.61rem;    

    margin-top: -15px;
        margin-right: 13px;
  }

      #welcome .content_box{
    display: flex;
    justify-content: center;
    flex-direction:column;

    
width:100%;
margin: 0px;
padding: 0px;
gap: 0px;


  }

    #welcome .section__pic-container {
    display: flex;
    height: 300px;
    margin: 0px;

    }
  
  #welcome .section__text {
    align-self: center;
    text-align: left;
    margin: auto 50px;
    background: none;

    }
   


  #welcome .section__pic-container {
    display: flex;
    justify-items: center;
    align-items: center;
    width: 250px;
    margin-top: 0px;
    margin-bottom: 20px;
    align-self: center;

  }
  #welcome .profile-pic {
    width: 250px;
    margin: 0px;
  }
  #welcome .section__text {
    width: 90vw;
    display: flex;
    align-self: center;
    text-align: center;
    flex-direction: column;
    margin-bottom: 0px;
    background: none;
  }
  #welcome .section__text h1{
font-size:2rem;
  }
  #welcome .section__text__p2 {
    font-size:1rem;
  }
  #welcome .section__text__p3 {
    display: none;
  }

  .btn-container {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
  }
  .btn {
    font-weight: 600;
    font-size: 18px;
    transition: all 300ms ease;
    padding: 0.5rem;
    width: 60vw;
    border-radius: 2rem;
    background-color: rgb(0, 0, 0);
  }

  #about {
    flex-direction: column;
    min-height: 100%;
    width:100%;

  }
          #about .title_top_top {
    font-size:5rem;    
    font-family: "Arial", sans-serif;
    color: rgb(230,230,230);
    padding-left: 20px;
  }
    #about .title_top {
    font-size: 1.3rem;



  }
    #about .content_box{
    display: flex;
    justify-content: center;
    flex-direction: row;
margin: auto;
margin-top:50px;
  }
  #about .section__text {
    align-self: center;
    text-align: start;
    width: 80vw;
  }
  #about .section__text__p2 {
    font-size:0.9rem;
  }
  #about .section__pic-container {
    display: none;
  }
  #about .section__text h1 {
    font-size:2rem;
  }
  #services {
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 50px 0px;
    min-height: 100vh;
    width:100%;
    flex-direction: column;
    gap: 5rem;

  }
          #services .title_top_top {
    font-size:5rem;    
    font-family: "Arial", sans-serif;
    color: rgb(230,230,230);
    padding-left: 20px;
  }

  #services .service-box{
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 5px;
    margin-top: 2rem;
height: 100%;

  }


  #services .service-pic {
    width: 100%;
    height: 200px;

  }
  #services .service-pic{
width:100%;

      }

  #services .service-text {
    width: 100%;
    display: flex;
    flex-direction: column;

    align-items: center;
    letter-spacing: normal;

  }
  #services .section__text__p2 {
    font-size: 1rem;
    margin-bottom: 3rem;
    margin-top: 2rem;
    margin-left: 15px;
    margin-right: 15px;
    text-align: start;
  }

  #services .title {
    font-size: 4rem;
    text-align: center;
    margin-bottom: 1rem;

  }
  #services .service-text h2 {
    font-size: 1.8rem;
  }
          #contact .title_top_top {
    font-size:5rem;    
    font-family: "Arial", sans-serif;
    color: rgb(230,230,230);
    padding-left: 20px;
  }
  #contact .contact_form .contact_inputs{
    width: 90%;
    margin: 0px;
    margin-top: 10px;
      }
  #contact .contact_form .input_textfeld{
    width: 90%;
    margin: 0px;
    margin-top: 10px;
      }
  #contact .contact_form .contact_button{
    width: 101%;
    font-size: 1rem;
    margin: 0px;
    margin-top: 10px;
      }
      #contact .contact-container{
width:85vw;
    
      }
  #contact .contact-box{

    width: 90vw;

  
  }
    #contact .overview-container{
margin: auto;

  }
  #contact .contact-container{
    display: flex;
    justify-content: center;
    align-items: center;
width: 100%;
  }
}