* {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;
font-smooth: auto;
}
p span {
color:#ad0000;
}
.logo-top {
position:fixed;
top:8px;
right:30px;
width:25%;
height:auto;
z-index:2000;
}
.logo-top img {
width:100%;
height:auto;
}
.logo-text {
width:240px;
margin-bottom:-3px;
}
.intro-text {
column-count:2;
margin:60px 20px;
column-gap:2em;
column-rule:5px dotted #666;
}
.intro-text p {
font-family:"lubnorm", sans-serif;
font-size:1.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:4% 15%;
background:url("../images/bg-wrapper.png") top left;
background-repeat:repeat-x;
background-color:#ccc;
}
.header {
display:grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
row-gap: 20px;
padding:20px;
}
.header-cont {
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:7em 12vw;
}
.main-content .text {
column-count:2;
column-gap:3em;
column-rule: 5px dotted #bbb;
}
.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 {
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-bottom:15px;
}
#uthyrning .text, #verkstad .text, #entreprenad .text {

}

#forsaljning img, #plat-lack img, #matjord img {
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-bottom:15px;
}
#forsaljning .text, #plat-lack .text, #matjord .text {

}
#forsaljning, #plat-lack, #matjord {
background:#ccc;
}
.upp {
position:fixed;
right: 30px;
bottom:30px;
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:7em 12vw 2em 12vw;
}
footer img {
width:20%;
height:auto;
}
footer a {
color:#333;
}
footer a:hover {
color:#fff;
background:#333;
}
footer 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:0 0 90px 0;
}
.proformica {
font-size:10px;
line-height:1;
margin-top:60px;
padding-top:20px;
border-top:1px solid #999;
}
.proformica a {
text-decoration:none;
text-transform:uppercase;
letter-spacing:2px;
}
.proformica a:hover {
text-decoration:none;
background:none;
}
.proformica a img {
width:200px;
margin:0;
opacity:0.5;
}
.proformica a img:hover {
width:200px;
margin:0;
opacity:1;
background:none;
}
#entreprenad h2, #matjord h2 {
text-align:center;
margin: 80px 0 15px 0;
font-family: 'lubbold';
font-weight:200;
letter-spacing:1px;
line-height:1.2;
font-smooth: auto;
}
.villa-jord {
width:100%;
}
.villa-jord img {
width:100%;
margin-bottom:20px;
}
.villa-jord-1 {
display:inline-block;
float:left;
width:31.8%;
padding:0 3% 0 0;
}
.villa-jord-2 {
display:inline-block;
float:left;
width:35.5%;
padding:0 3%;
border-left:5px dotted #bbb;
border-right:5px dotted #bbb;
}
.villa-jord-3 {
display:inline-block;
width:31.8%;
padding:0 0 0 3%;
}
/*****  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;
}