@media (max-width: 768px) {


    .om-mig-div{
flex-direction: column;
justify-content: center;
margin-left:2rem;

    }

   
      
      .text-segment-om-mig{
        width:27rem;
      
      }
      
      .om-mig-text{
        margin-bottom:2rem;
      }
      
      .text-segment-om-mig h1{
        font-size: 1.2rem;
        align-self: flex-start
      }
      
      .bild-div{
        margin-left:unset;
       align-self: flex-start;
      }
      
      .johnny-bild{
      height:20rem;
      }
      
      .text-segment-om-mig span{
        font-size: 1.2rem;
      }
      
      .titel-texter{
        width:27rem;
     
      }



      .pages{
          justify-content: flex-start;
      }

      .page-three{
          min-height:70rem;
      }

      .page-four{
          min-height: 60rem;
      }

      .text-div-page-one{
        width:27rem;
        margin-top: 2rem;
        margin-left:2rem;
        align-self: unset;
        }
        

        .behandlings-lista{
            margin-left:2rem;
            width:27rem;
        }


        .header {
            width: 100%;
            height: 4rem;
            position: fixed;
            left: 0;
            top: 0;
            right: 0; 
            color: #181818;
            overflow: hidden;
            align-items: center;
            z-index: 2;
            box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);
          }
          
          .header-list {
            display: flex;
            width: 100%;
            justify-content:center
          }
          .header ul {
            display: flex;
            margin: 0;
          }
          
          .header ul li {
            margin: 1rem;
            cursor: pointer;
            
            transition: all 0.2s;
            font-size: 0.8rem;
            align-items: center;
          }


          
          .logo {
            height: 2rem;
            margin: 1.5rem;
            
          }


  .footer{
    min-height:50rem;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    
  }
  .välkommen
  {
   margin-top:1.2rem; 
   font-family: 'Shadows Into Light Two', cursive;
   font-size: 1.2rem;
 
   margin-left:1rem;
 }

.listor{
  width:23rem;
  margin:0rem;
  justify-content:flex-start;
  margin-left:2rem;

}

  .footer-div{
  flex-direction: column;
  width:100%;
  }

  .footer span{
    font-weight: bolder;
    
  }


 
  .logga img{
    height:4rem;
    margin-left:2rem;
    margin-bottom:2rem;
  }
}