
html{
	-webkit-text-size-adjust: none;
}


@media only screen and (max-width: 1100px){

    .breakMenu {
        display: block;
    }

}



/* Small version */
@media only screen and (max-width: 800px){




    #toTop img {
        width: 20%;
        margin: 1em auto 0 auto;
    }



    #headerTop {
        position:relative;
        width:100%;
        background-image: url('/images/webb-start.jpg');
        background-size: cover;
        color:#FFF;
        padding:0em 0em 0em 0em;
        min-height:12em;

    }


    .siteWrap{

        padding:2em 0.5em 0em 0.5em;


    }



    .startImg {
        margin: 2em auto 0 auto;
        width: 100%;
    }




    .mainInfo {
       width:100%;
        padding:0em;
        box-sizing: border-box;
    }


    #siteLogo{
        width:100%;
        margin-left: 0%;
        padding-top:1.3em;
    }

    .adIm {

        width: 100%;
        padding: 2em;

    }



    .boxesHeight {
        display: unset;
    }


    .half1 {
        float: left;
        width:100%;
        margin-right: 0%;
        margin-bottom: 2em;
        box-sizing: border-box;
    }
    .half2 {
        float: left;
        width:100%;
        box-sizing: border-box;

    }


    .descriptionBox {
        flex: unset;
        width:100%;
         max-width:100%;
        margin-left: 0;
        min-height: 1em;

    }

    .searchBtn input[type="submit"] {
       /* padding: 0.8em 0 0.8em 0;*/
    }




    .public {
        width: 100%;
        margin-right: 0%;
        margin-bottom:0.6em;
        float: right;
    }

    .footerOne, .footerTwo {
        width: 100%;
        text-align: center;
        padding-bottom:1em;

    }

    .fldName {
        width: 30%;
    }
    .fldFld {
        width: 70%;
    }

    .fldNameB {
        width: 70%;
    }
    .fldFldFull {
        width: 100%;
    }

    #footer {

        padding-bottom:4em;
    }

    .foot1 {
        float:left;
        width:100%;
        text-align:center;
        margin-top:0em;
    }
    .foot1 p {
        text-align:center;
    }

    .foot2 {
        float:left;
        width:100%;
        text-align:center;
        margin-top:0em;

    }
    .foot2 p {
        text-align:center;
    }

    .footMid {
        width:100%;
        margin:3em 0 0 0;
    }

    .foot2 img {
        width: 60%;
        margin-left: 20%;
    }

    .foot1 img {
      width: 40%;
        margin-left: 30%;
        margin-right: 30%;
        height: auto;
    }










    #mobMenuIcon {
        display: block;
        position: fixed;
        top:-0.2em;
        right:0.5em;
        width:4.5em;
        height:4.5em;
        opacity: 0.8;
        z-index: 10;
    }
     #mobMenuIcon img {
         width: 100%;
         height: auto;
     }

     #mobMenuOver {
         position: fixed;
         top:0;
         right:0;
         width: 75%;
         height: 100%;
         opacity: 0.9;
         background-color: #000;
         z-index: 9;
         box-shadow: -5px 0px 10px #333;
         overflow-y: scroll
     }

    .mobMenuItem {
        width: 100%;
        padding:0.7em 1em 0.7em 1em;
        text-align: left;
        color: #FFF;
        border-bottom:solid 1px #FFF;
        box-sizing: border-box;
        float:none;
        background-color: unset;
    }
    .mobMenuItemSub {
        font-size: 0.8em;
        width: 100%;
        padding:0.5em;
        text-align: left;

        color: #FFF;
        border-bottom:solid 1px #FFF;
        box-sizing: border-box;

    }



    .headerItemLeft {
       width: 100%;
        padding:0.7em 1em 0.7em 1em;
        text-align: left;
        color: #000;
        border-bottom:solid 1px #FFF;
        box-sizing: border-box;
        float:none;
        background-color: #FFF;
    }






    .hideInMob {
        display:none;
    }

    .hideInComp {
        display:block;
    }



    .ringOss{


        float: none;
        margin-left: 0;

        position: fixed;
        bottom:-1.1em;
        right:1.1em;
        width:8.2em;
        height:8.2em;
        opacity: 0.9;
        z-index: 10;
         background-image: url('/images/radgivning-v7.png?id=1');
        border-bottom-right-radius: 0.4em;
        border-top-right-radius: 0.4em;
        border-bottom-left-radius: 0em;
        border-top-left-radius: 0em;

         margin-top: 0em;
    }

    .ringOssB{


         float: none;
        margin-left: 0;

        position: fixed;
        top:unset;
        bottom:-1.1em;
        left:1.1em;
        width:6.2em;
        height:6.2em;
        opacity: 0.9;
        z-index: 10;
         background-image: url('/images/radgivning-b-v3.png?id=2');
        border-bottom-right-radius: 0.4em;
        border-top-right-radius: 0.4em;
        border-bottom-left-radius: 0em;
        border-top-left-radius: 0em;

         margin-top: 0em;
    }


    .mism {
        width: 100%;
        padding:0.5em;

    }


    .personBox {

    }
    .personImage {
        float: left;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1em;
    }
    .personText {
        float: left;
        width: 100%;

    }
    .personImage img {
        width: 100%;

    }


    .startBildA {
        float: left;
        width: 100%;
        padding: 2em;
        box-sizing: border-box;
    }
    .startBildB {
        float: left;
        width: 100%;
        padding: 2em;
        box-sizing: border-box;
    }



    .half {
        width: 100%;
    }

    .rightIm {
        width:100%;
        padding:2em;
        box-sizing: border-box;
    }




}


