@media only screen and (max-width: 767px) {
  .container2 {
    flex-direction: column;
  }

  
  
  
  .logoContainer{
    display: flex;
    justify-content: center;
  }

  .logo {
    position: relative;
    padding-top: 14px;
    padding-bottom: 46px;
    width: 90%; 
  }

  .topnav a:not(:first-child) {
    margin-left: 15px; 
  }
 

  .topnav {
    position: absolute;
    top: 0;
    left: 0;
    padding-left:21px;
    padding-bottom: 0px;
    padding-top: 171px;
     } 


     .icon {
      display: inline-block;
      width: 26px;
      height: 60px;
      background-size: cover;
      background-position: center;
    }
    
    .contact-icon {
      background-image: url('contact-icon.png');
    }

    
    .tiktok-icon {
      background-image: url('tiktok-icon.png');
    }
    
    .instagram-icon {
      background-image: url('Instagram-icon.png');
    }
    
    .facebook-icon {
      background-image: url('facebook-icon.png');
    }
    
   
      .text3 {
        display: none;
      }
      .icon {
        margin-right: 10px;
      }
      .topnav a:not(:first-child) {
        margin-left: 10px;
      }
      
      

      /*  .topnav {
    line-height: 12px;
    text-align-last: center;
    font-family: sans-serif;
    font-size: 16px;
    padding-bottom: 0px;
    padding-top: 14px;
     }
 */

/*
     .topnav {
      padding-left:70px;
      line-height: 12px;
      font-family: sans-serif;
      font-size: 16px;
      padding-bottom: 0px;
      padding-top: 14px;
       }

        .topnav a:not(:first-child) {
    margin-left: 10px; 
  }
 
*/
/*
  .intro-text {
    line-height: 38px;
    width: 98%;
    font-size: 2.12rem;
    padding-top: 10px;
    padding-left: 10px;
  } */

  .intro-text {
    line-height: 32px;
    width: 93%;
    font-size: 1.7rem;
    padding-top: 59px;
    padding-right: 24px;
    padding-left: 1px;
   
} 

.smaller-text {
  line-height: 23px;
  font-size: 16px;
  font-weight: normal;
}

  /* .intro-text {
    line-height: 38px;
    width: 100%;
    font-size: 2.1rem;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: justify;
    text-align-last: center;
    box-sizing: border-box;
} */
  
/*
  .smaller-text {
    line-height: 23px;
    font-size: 20px;
  }
*/
  
 
  .spalt-item2 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .iphone-image {
    width: 72%; 
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 11px;
  }

  .spalt2 {
    display: block;
    padding-top: 20px;
  }

  .spaltContainer {
    width: 100%;
    display: table;
    padding-top: 5px;
    padding-bottom: 145px;

    
  }
  .spalt4 {
    
    width: 348px;
    padding-bottom: 103px
  }
 
  .spalt5 {
    width: 348px;
    padding-right: 0px;
  }

  .button1
  {
    font-size: 0.90rem;
    padding: 33px 34px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    width: 291px;
  }

  .spalt4, .spalt5 {
    display: flex;
    justify-content: center;
  }
  
  .spalt4 .button1, .spalt5 .button1 {
    margin: 0 auto;
  }

.fyrabtn {
  width: 100%;
}
  .btn {
    padding: 96px 30px;
    text-decoration: none;
    border-radius: 27px;
    font-size: 16px;
    width: 95%;
    margin: 0 auto;
    flex-direction: row;
  }
  

  .btn:hover{
    color: #fffbec;
    width:290px;
  }


  .btn2 {
    border-radius: 27px;
    width: 31.5%;
    height: 41vh;
    margin: 0 auto;
  }


  .btn2 {
    float: left;
    width: 31.6%;
    padding: 45px;
    padding-bottom: 60px;
  }

  .btn2:hover{
    color: #fffbec;
    width:100px;
  }

  button#customBtn1.btn2 {
    margin-left: 11px; !important;
  } 
/*
  button#customBtn3.btn2 {
    margin-right: 10px;
  }
  */



  .bakgrundbild {
    width: 100%;
    height: auto;
  padding-top: 5vh; 
  }
  
  .number {
    font-size: 27px;;
  }
  
  .text {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
  }


 
  .number1 {
    font-size: 27px;
    font-weight: bold;
    padding-bottom: 0px;
  }
  .text1 {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
  }

  .bubbel-container .bubbel {
    position: absolute;
    top: -430px;
    left: 97px;
    z-index: 1;
    width: 279px;
    height: auto;
  }

.bubbel {
  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



  .bakgrundbild .spalt-item1 {
    content: url("katunmobil.png"); 
  }




  .container2 {
    flex-direction: column; 
  }



  .container2 {
    flex-direction: row; 
  }
}