* {margin:0; padding:0;}

body {
background: #fff;
/*background:url("../images/bg7.jpg") top left;
background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;*/
font-family:"lubnorm", sans-serif;
font-size:18px;
color:#333;
line-height:24px;
font-weight:500;
font-smooth: auto;
}
p {
font-family:"lubnorm", sans-serif;
font-size:18px;
color:#333;
line-height:24px;
letter-spacing:0.5px;
}
p span {
color:#ad0000;
}
.logo-top {
position:fixed;
top:8px;
right:10px;
width:280px;
height:auto;
z-index:2000;
}
.logo-top img {
width:100%;
height:auto;
}
.logo-text {
width:240px;
margin-bottom:-3px;
}
.intro-text {
column-count:1;
margin:40px 20px 20px 20px;
}
.intro-text p {
font-family:"lubnorm", sans-serif;
font-size:1em;
line-height:1.3;
color:#000;
margin-left:10px;
}
h1 {
font-family:"lubdemi", sans-serif;
font-size:24px;
color:#333;
line-height:24px;
font-smooth: auto;
}

#wrapper {
padding:1% 0;
background:url("../images/bg-wrapper.png") top left;
background-repeat:repeat-x;
background-color:#ccc;
}
.header {
display:grid;
grid-template-columns: repeat(1, 1fr);
column-gap: 20px;
row-gap: 20px;
padding:20px;
}
.header-cont {
display:none;
position:relative;
border:1px solid #949494;
text-align:center;
padding-bottom:65px;
background:#e0e0e0;
}
.header-cont img {
width:100%;
height:auto;
}
.header-cont h1 {
background:#ad0000;
font-size:24px;
text-align:center;
text-transform:uppercase;
font-weight:200;
line-height:40px;
padding-top:5px;
color:#fff;
text-shadow:2px 3px #000;
}
.header-cont p {
margin:10px;
}
.header-cont .menu-link {
position:absolute;
bottom:20px;
left:0;
width:100%;
text-align:center;
}
.header-cont .menu-link a {
color:#fff;
background:#ad0000;
padding:8px 10px 5px 10px;
border-radius:5px;
text-decoration:none;
font-family:"lubdemi", sans-serif;
text-shadow:1px 2px #000;
letter-spacing:1px;
}
.header-cont .menu-link a:hover {
color:#fff;
background:#009900;
border-radius:5px;
text-decoration:none;
}
.main-content {
background:#eaeaea;
padding:2.5em 8vw;
}
.main-content .text {
column-count:1;
}
.main-content .text p {
margin-bottom:15px!important;
}
.main-content img {
border: solid 10px #fff;
box-shadow: rgba(0,0,0,0.5) 0 10px 10px;
}

#uthyrning img, #verkstad img, #entreprenad img {
float:none;
width:100%;
height:auto;
}
#uthyrning h1, #verkstad h1, #entreprenad h1 {
background:#ad0000;
color:#fff;
padding:10px 0 5px 10px;
font-weight:200;
letter-spacing:1px;
text-shadow:#000 2px 2px;
text-transform:uppercase;
margin-left:0;
margin-bottom:15px;
}
#uthyrning .text, #verkstad .text, #entreprenad .text {
margin-left:0;
}

#forsaljning img, #plat-lack img, #matjord img {
float:none;
width:100%;
height:auto;
}
#forsaljning h1, #plat-lack h1, #matjord h1 {
background:#ad0000;
color:#fff;
padding:10px 10px 5px 10px;
font-weight:200;
letter-spacing:1px;
text-shadow:#000 2px 2px;
text-transform:uppercase;
margin-right:0;
margin-bottom:15px;
}
#forsaljning .text, #plat-lack .text, #matjord .text {
margin-right:0;
}
#forsaljning, #plat-lack, #matjord {
background:#ccc;
}
.upp {
position:fixed;
right: 5px;
bottom:5px;
z-index:500;
width:50px;
height:50px;
}
.upp a {
text-decoration:none;
opacity:0.5;
}
.upp a:hover {
text-decoration:none;
opacity:1;
}
footer {
text-align:center;
padding:100px 0;
}
footer img {
width:50%;
height:auto;
}
footer a {
color:#333;
}
#entreprenad h2, #matjord h2 {
text-align:center;
margin: 50px 0 15px 0;
font-family: 'lubbold';
font-weight:200;
letter-spacing:1px;
line-height:1.2;
font-size:22px;
font-smooth: auto;
}
.villa-jord {
width:100%;
}
.villa-jord div {
float:none;
width:80%;
margin:0 10%;
}
.villa-jord img {
width:100%;
margin-bottom:10px;
}
.villa-jord p {
width:100%;
margin-bottom:50px;
}
.bilder-matjord {
padding-bottom:30px;
}


/*****  EGNA FONTER  ***/


@font-face {
font-family: 'lubnorm';
    src: url('fonts/LubalinGraphStd-Book.woff2') format('woff2'),
        url('fonts/LubalinGraphStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
font-family: 'lubdemi';
    src: url('fonts/LubalinGraphStd-Demi.woff2') format('woff2'),
        url('fonts/LubalinGraphStd-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
font-family: 'lubxlight';
    src: url('fonts/lubalinbq-extralight-webfont.woff2') format('woff2'),
         url('fonts/lubalinbq-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
font-family: 'lubbold';
    src: url('fonts/lubalinbq-bold-webfont.woff2') format('woff2'),
         url('fonts/lubalinbq-bold-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}