@media only screen and (min-width : 1400px) {

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
}

#midcontent0 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}  
 
#frontbanner {
width: 100%;
height:600px;
float: left;
margin-top:90px;
background-image: url("/images/frontbanner/inspiration-frontbanner-godskesen.jpg");
background-position: center;
background-size: cover;   
}
  
#frontbannertext {
width: 60%;
height:auto;
float: left;
position: absolute;
z-index: 100;
margin-top:150px;
margin-left:5%;

}  
  
#frontbannertext h1 {
color: white;
font-size: 64px;
line-height: 70px;
font-weight: 400;
text-shadow: 0px 3px 4px #333;  
}  
  
#frontbannertext p {
color: white;
font-size: 22px;
line-height: 26px;
font-weight: 300;
}   

#frontbannertext a:link,
#frontbannertext a:visited {
font-size:15px;
line-height: 60px;
color:#000;
font-weight: 300;
text-transform: uppercase;
background:#ced18a;
text-decoration:none;
padding-left:35px;
padding-right:35px;
padding-top:25px;
padding-bottom:25px;
margin-right: 10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#frontbannertext a:hover {
color:#000;
background:#b6b96d;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
   
#mid1 {
width: 100%;
height: auto;
float: left;
background: #f5f5eb;
padding-bottom: 100px;
}

#midcontent1 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
margin-top:50px;
margin-bottom:80px;
} 
  
#content1text {
width: 80%;
height: auto;
float: left;
margin-left:10%;
margin-right: 10%;
margin-top:0px;
margin-bottom: 60px;
}
  
#content1text h1  {
font-size:60px;
line-height:70px;
font-weight:300;
color:#333;
margin-bottom: 20px;
text-align: center;  
}
  
#content1text p {
font-size:18px;
line-height:26px;
font-weight:300;
color: #000;
text-align: center;
}  

#content1box {
width: 100%;
height: auto;
float: left;
}
 
#content1box .mod-custom.custom {
width: 49%;
height: 420px;
float: left; 
margin:0.5%;
background-size: cover; 
}  
   
#content1box h3  {
font-size:50px;
line-height:60px;
font-weight:400;
color:#fff;
margin-bottom: 20px;
padding-top:21%;
padding-left:5%;
}
  
#content1box p {
font-size:18px;
line-height:24px;
font-weight:300;
color: #fff;
padding-left:5%;
padding-right: 10%;  
}
  
#content1box a:link,
#content1box a:visited {
font-size:15px;
line-height:60px;
font-weight:400;
color:#333;
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;  
background: #a9ac64; 
text-transform:uppercase;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s; 
}  
  
#content1box a:hover {
background: #949663;
color:#333;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
}

/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1399px) {


#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#mid0 {
width: 100%;
height: auto;
float: left;
}

#midcontent0 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}  
 
#frontbanner {
width: 100%;
height:600px;
float: left;
margin-top:90px;
background-image: url("/images/frontbanner/inspiration-frontbanner-godskesen.jpg");
background-position: center;
background-size: cover;   
}
  
#frontbannertext {
width: 90%;
height:auto;
float: left;
position: absolute;
z-index: 100;
margin-top:250px;
margin-left:5%;
}  
  
#frontbannertext h1 {
color: white;
font-size: 44px;
line-height: 46px;
font-weight: 400;
text-shadow: 0px 3px 4px #333;  
}  
  
#frontbannertext p {
color: white;
font-size: 15px;
line-height: 22px;
font-weight: 300;
}   

#frontbannertext a:link,
#frontbannertext a:visited {
font-size:15px;
line-height: 60px;
color:#000;
font-weight: 300;
text-transform: uppercase;
background:#ced18a;
text-decoration:none;
padding-left:35px;
padding-right:35px;
padding-top:25px;
padding-bottom:25px;
margin-right: 10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#frontbannertext a:hover {
color:#000;
background:#b6b96d;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
   
#mid1 {
width: 100%;
height: auto;
float: left;
background: #f5f5eb;
padding-bottom: 100px;
}

#midcontent1 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
margin-top:50px;
margin-bottom:80px;
} 
  
#content1text {
width: 80%;
height: auto;
float: left;
margin-left:10%;
margin-right: 10%;
margin-top:0px;
margin-bottom: 60px;
}
  
#content1text h1  {
font-size:44px;
line-height:64px;
font-weight:300;
color:#333;
margin-bottom: 20px;
text-align: center;  
}
  
#content1text p {
font-size:15px;
line-height:22px;
font-weight:300;
color: #000;
text-align: center;
}  
  
#content1box {
width: 100%;
height: auto;
float: left;
}
 
#content1box .mod-custom.custom {
width: 48%;
height: 320px;
float: left; 
margin:1%;
background-size: cover; 
}  
   
#content1box h3  {
font-size:32px;
line-height:34px;
font-weight:400;
color:#fff;
margin-bottom: 10px;
padding-top:26%;
padding-left:5%;
}
  
#content1box p {
font-size:15px;
line-height:22px;
font-weight:300;
color: #fff;
padding-left:5%;
padding-right: 10%;  
}
  
#content1box a:link,
#content1box a:visited {
font-size:15px;
line-height:60px;
font-weight:400;
color:#333;
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;  
background: #a9ac64; 
text-transform:uppercase;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s; 
}  
  
#content1box a:hover {
background: #949663;
color:#333;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
}


/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {

#mid0 {
width: 100%;
height: auto;
float: left;
}

#midcontent0 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}  
 
#frontbanner {
width: 100%;
height:500px;
float: left;
margin-top:60px;
background-image: url("/images/frontbanner/inspiration-frontbanner-godskesen.jpg");
background-position: center;
background-size: cover;   
}
  
#frontbannertext {
width: 90%;
height:auto;
float: left;
position: absolute;
z-index: 100;
margin-top:120px;
margin-left:5%;
}  
  
#frontbannertext h1 {
color: white;
font-size: 32px;
line-height: 34px;
font-weight: 400;
text-shadow: 0px 3px 4px #333;  
}  
  
#frontbannertext p {
color: white;
font-size: 15px;
line-height: 22px;
font-weight: 300;
}   

#frontbannertext a:link,
#frontbannertext a:visited {
font-size:15px;
line-height: 60px;
color:#000;
font-weight: 300;
text-transform: uppercase;
background:#ced18a;
text-decoration:none;
padding-left:25px;
padding-right:25px;
padding-top:15px;
padding-bottom:15px;
margin-right: 10px;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#frontbannertext a:hover {
color:#000;
background:#b6b96d;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
   
#mid1 {
width: 100%;
height: auto;
float: left;
background: #f5f5eb;
padding-bottom: 100px;
}

#midcontent1 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
margin-top:50px;
margin-bottom:80px;
} 
  
#content1text {
width: 80%;
height: auto;
float: left;
margin-left:10%;
margin-right: 10%;
margin-top:0px;
margin-bottom: 60px;
}
  
#content1text h1  {
font-size:32px;
line-height:34px;
font-weight:300;
color:#333;
margin-bottom: 10px;
text-align: center;  
}
  
#content1text p {
font-size:15px;
line-height:22px;
font-weight:300;
color: #000;
text-align: center;
}  
  
#content1box {
width: 100%;
height: auto;
float: left;
}
 
#content1box .mod-custom.custom {
width: 96%;
height: auto;
float: left; 
margin:2%;
background-size: cover; 
}  
   
#content1box h3  {
font-size:24px;
line-height:26px;
font-weight:400;
color:#fff;
margin-bottom: 10px;
padding-top:16%;
padding-left:5%;
}
  
#content1box p {
font-size:15px;
line-height:22px;
font-weight:300;
color: #fff;
padding-left:5%;
padding-right: 10%;  
}
  
#content1box a:link,
#content1box a:visited {
font-size:15px;
line-height:60px;
font-weight:400;
color:#333;
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;  
background: #a9ac64; 
text-transform:uppercase;
text-decoration:none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s; 
}  
  
#content1box a:hover {
background: #949663;
color:#333;  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
  
}