@font-face {
  font-family: stiloFont; /* set name */
  src: url(font/StiloNewFont_B.woff2); /* url of the font */
}

.stiloType {
    font-family: stiloFont; /* use font */
    font-size: 2.8em;
    text-align: center;
}
.stRed {
    color: #e20d18;
}

/* KOLUMNER PÅ SIDORNA OM OSS, PRODUKTER OSV */
.kolumn1 {
    width: 69%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.kolumn2 {
    width: 29%;
    float: right;
    text-align: left;
}



#siteLogo{
    width: 16%;
    margin-bottom: -1.2em;
}





/* TILL STORLEKSGUIDE */
/*.sgBox {
    display: none;
}
.sgBoxShow {
    background-color: #FFF;
    box-sizing: border-box;
    border: solid 1px #CCC;
    padding: 0.8em;
    position: absolute;
    top:15em;
    z-index:10;
    left:20%;
    right:20%;
    box-shadow: 0.3em 0.3em 1.2em 0.3em rgba(0,0,0,0.6);

}*/
.sgBox {
    background-color: #FFF;
    box-sizing: border-box;
    border: solid 1px #CCC;
    padding: 0.8em;



}


.sgA {
    width: 69%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.sgB {
    width: 29%;
    float: left;
    text-align: left;
    background-color: #FFF;
}
.sgB img {
    max-width: 100%;
}
.sg1 {
    width: 33.3%;
    float: left;

}
.sg2 {
    width: 33.3%;
    float: left;
}
.sg3 {
    width: 33.3%;
    float: left;
}

.sg_clear {
    clear: both;
    border-bottom: solid 1px #000;
    padding-top: 0.3em;
    margin-bottom: 0.3em;
}
.sg_end {
    clear: both;
}

/* FÄRGER */
#topInfo {
    background-color: #dd0b1f;
}

.showMore {
    color: #dd0b1f !important;
}
.showMorePlus {
    color: #dd0b1f;
}
.orh {
    color: #dd0b1f;
    border-bottom: solid 1px #dd0b1f;
}

.buyBtn {
    background-color: rgba(221,11,31, 1);

}
.buyBtnCat {
   /* background-color: rgba(221,11,31, 1);*/
     color: rgba(221,11,31, 1);
}
.admCartBtn {
     background-color: rgba(221,11,31, 0.85); /*118, 180, 118  background-color: rgba(0, 0, 0, 0.75);*/
}

.ltr {
      background-color: rgba(221,11,31, 0.85);
     box-shadow:         1px 1px 1px rgba(221,11,31, 0.5);
 }

.aFullButton {

    background-color: rgba(221,11,31, 0.85);
     box-shadow:         1px 1px 1px rgba(221,11,31, 0.5);

 }

.fldBtn {
    background-color: rgba(221,11,31, 1);

}






/* Small version */
@media only screen and (max-width: 800px){



    #siteLogo {
        width: 44% !important;
      margin-bottom: 1em !important;
    }







    /* KOLUMNER PÅ SIDORNA OM OSS, PRODUKTER OSV */
    .kolumn1 {
        width: 100%;
        margin-right:0%;
         float: left;
    }
    .kolumn2 {
        width: 100%;
        float: left;

    }
    /* */









    /* TILL STORLEKSGUIDE */
     .sgBoxShow {

        position: absolute;
        top:7em;
        z-index:10;
        left:3%;
        right:3%;


    }
     .sgA {
        width: 100%;
        margin-right:0%;

    }
    .sgB {
        width: 100%;
        float: right;

    }



    /*FÄRGER */

    .showMore {
            background-color: #dd0b1f;
            border:solid 1px #dd0b1f;
        color:#FFF !important;

    }



}