body {
    background-color: rgb(238, 238, 238);
}

#mall-bg {
    height: 400px;
    min-height: fit-content;
    min-width: fit-content;
}

#mall-skylt {
    height: 300px;
    width: 100%;
    min-height: fit-content;
    min-width: fit-content;
    display: block;
    white-space: nowrap;

}

#mall-skylt span {
    font-family: Arial, Verdana;
    font-weight: 800;
    font-size: 7rem;
    

    background-color: #848789;
    /* padding-left: 50px !important;
    padding-right: 50px !important; */


}

#skylt-border li {
    list-style: none;
}

#skylt-border button {
    border: none;
    width: 43;
    height: 43;
    background-position: center;
    background-size: contain;


}

.arrow_top {
    background: none !important;
    color: black !important;


}

#skyltenstext {
    overflow: visible;
    text-shadow: rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px;
    color: rgb(132, 135, 137);
}


#changetext {
    list-style: none;


}

#textborder {
    border-radius: 4px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: white;
    font-size: 25px;
    font-weight: 700;
}

#ifylt {
    border-radius: 4px;
    background-color: rgb(238, 238, 238);
    text-shadow: none;
    color: black;
    font-size: 25px;
    font-weight: 900;
}

#ur {
    border-radius: 4px;
    font-size: 25px;
    font-weight: 900;
    background-color: none;
    border: #000 solid 2px;
    color: #848789;
}



#skylt-size li {
    list-style: none;
}

#skylt-size button {
    border: none;
    width: 43;
    height: 43;
    background-position: center;
    background-size: contain;
    background-color: black;
}

input,
label {
    display: block;
}

input,
select {
    width: 200px;
    height: 40px;
    margin: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#vänstermid,
#vänsterbottom,
#vänstertop,
#högerbottom,
#högermid,
#högertop {
    display: block;
    color: white;
}

#valen {
    font-size: 16px;
}

#valen_typsnitt {
    font-size: 34px;
}

#NewBrunswick {
    font-family: 'NewBrunswick', 'serif';

}

#arial {
    font-family: 'arial', 'sans-serif';
}

#ArchivoNarrow {
    font-family: 'Archivo Narrow', 'sans-serif';
}

#Tangerine {
    font-family: 'Tangerine', 'serif';
}

#Oswald {
    font-family: 'Oswald', 'sans-serif';
}


#borderval, #sizeval, #changetext{
    padding: 0;
}

.radius0 {
    border-radius: 0mm;
}

.radius06 {
    border-radius: 0.6mm;
}

.radius2 {
    border-radius: 2mm;
}

.radius6 {
    border-radius: 6mm;
}

.radius10 {
    border-radius: 10mm;
}

.fyraskruv {
    display: none !important;
}

.show {
    display: block !important;
}


/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {}

/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    
    
    #skyltenstext{
        min-height: fit-content !important;
        min-width: fit-content !important;
        
    }
    #mall-skylt span {
        font-family: Arial, Verdana;
        font-weight: 800;
        font-size: 4rem;
        background-color: #848789;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    #logga{
        margin-left: 70px !important;
    }
    .apa{
        width: 100% !important;
    }
    .kaktus{
        max-width: 100% !important;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    .apa{
        width: 100% !important;
    }
    #nej{
        display: none;
    }
   

}

@media (min-width: 992px) {

   


}