.logo {
      height: auto;
    }
    
    

    
    .topnav {
      font-family: sans-serif;
      color: #FB0600; 
    
    }
    
    
    .topnav a {
      color: inherit; 
    }
    
    .topnav a:hover {
      color: #660033; 
    }
    
   
    
    .iphone-image {
      height: auto;  
    }
    

    
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }


    
    body {
      background-color: #fffbec;
    }
    
  
    a{
      text-decoration: none;
    }
    
  

    h1{
      color: #FB0600;
    
    }
    h2{
     color: #FB0600;
    }
    
    
   

    
    h4{
      opacity: 0.6;
      color: #FB0600;
    }
    
    
    h5{
    color:#fffbec
    }
    
    
    
    p.thick {
    font-weight: 900;
    color: #FB0600;
    }
    
    h4:hover {
      opacity: 1;
    }
    
    h1, h2, h3, h4, p {
      font-family: sans-serif;
      color: #FB0600;
    }
    

    
    .container {
      position: relative;
    }
    
    .number{
      font-weight: bold;
    }
    
  
    
    .button1 {
      position: absolute;
      background:    #fffbec;
      border:        3px solid #FB0600;
      border-radius: 1000px;
      color:         #FB0600;
      text-align:    center;
      font-family: sans-serif;
      }
    
      .button1:hover{
      color: #fffbec;
        background: rgb(59, 2, 20) none repeat scroll 0% 0% / auto padding-box border-box;
        border-color: rgb(59, 2, 20);
        border-width: 0px;
        border-style: solid;
        }
    
    

 

    
    .btn {
      display: flex;
      flex-grow: 1;
      display: block;
      cursor: pointer;
      border: 0px solid rgba(204, 0, 0, 0);
      font-family: sans-serif;
      color: #fffbec;
      transition: 2s;
      box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
      border-radius: 50px;
      background: #FB0600;
      font-weight: bold;
      --hover-bgc: #7a1730;
      --hover-borderSize: 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; 
      flex-direction: column;
    }
      .btn:hover{
      color: #fffbec;
      background: rgb(122, 23, 48) none repeat scroll 0% 0% / auto padding-box border-box;
      border-color: #FB0600;
      border-width: 0px;
      border-style: solid;
      }
    
  
    
      .btn2 {
        display: flex;
        flex-grow: 1;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        border: 0px solid rgba(204, 0, 0, 0);
        font-family: sans-serif;
        color: #fffbec;
        transition: 2s;
        box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
        border-radius: 50px;
        background: #FB0600;
        --hover-bgc: #7a1730;
        --hover-borderSize: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        }
        
        .btn2:hover{
        color: #fffbec;
        background: rgb(122, 23, 48) none repeat scroll 0% 0% / auto padding-box border-box;
        border-color: #FB0600;
        border-width: 0px;
        border-style: solid;
        }
    
       
    
        .btn2 {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        
    
     
    
    
    
    
    .bakgrundbild {
      width: 100%;
       height: auto; 
       background-size: cover; 
       background-repeat: no-repeat; 
    
    }
    
    .bakgrundbild {
      position: relative;
      width: 100%;
      height: auto; 
      background-size: cover; 
      background-repeat: no-repeat; 
    }


  .kategorier {
    display: flex;
    flex-direction: row;
  }
    
    .bubbel-container {
      position: relative; 
    }
    
      .bubbel-container .bubbel {
        position: absolute; 
    
      }
    
    
      .bubbel:hover {
        transform: scale(1.1); 
      }
/*
      .kategorier {
        width: 1%;
        display: none;
      } */

      .kategorier a {
        position: relative;
        z-index: 1;
      }
    
    
      .k1 p, .k2 p, .k3 p, .k4 p, .k5 p {
        font-size: 0.01rem;
        color: transparent;
        margin-top: 0px;
        margin-right: 20px; /* add some space between the links */
      }
    
    body {
      transition: background-color 0.5s ease-in-out;
    }
    
    .white {
      background-color: #fffbec;
    }
    
    .dark-red {
      background-color: #660033;
    }
    
    .blue {
      background-color: #0000FF;
    }