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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#frontbanner {
width: 100%;
height: auto;
float: left;
margin-top:140px;
z-index: -1;
position: relative;
}  
  
#undersidebanner {
width: 100%;
height: auto;
float: left;
margin-bottom: -50px;
} 
  
#undersidebanner img {
width: 100%;
height: auto;
float: left;
}    
    
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
margin-bottom:30px;
}

#midcontent0 {
width: 1280px;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#content {
width: 80%;
height: auto;
float:left;
margin-left:10%;
margin-right:10%;
margin-top:0px;
margin-bottom:20px;
text-align: center;
}

#content h1 {
font-size:50px;
line-height:52px;
font-weight:600;
color:#004293;
margin-top:0px;
margin-bottom:20px;
}
  
#content p {
font-size:24px;
line-height:38px;
font-weight:200;
color: #333;
}
  
#content a:link,
#content a:visited {
font-size:15px;
line-height:52px;
font-weight:500;
background: #222;
color:#fff;
padding-left:12px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
background: #2c91d0;
color:#fff;
margin-left:10px;  
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;
margin-top:0px;
}

#midcontent1 {
width: 1280px;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#frontbox .mod-custom.custom {
width: 18%;
height: 170px;
float:left;
margin-left:1.5%;
margin-right:1.5%;
padding:2%;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
border-radius:20px;
background: white; 
}

#frontbox h3 {
font-size:26px;
line-height:26px;
font-weight:300;
color:#004293;
margin-top:10px;
text-align: center; 
} 
  
#frontbox p {
font-size:16px;
line-height:21px;
font-weight:300;
color:#222;
text-align: center;   
}   
  
#frontbox a:link,
#frontbox a:visited {
width: 30%;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:4%;
padding-top: 4%;
padding-right:3%;
padding-bottom:4%;
margin-left:31%;
margin-right:31%;  
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#frontbox a:hover {
background:#004293;;
color:#fff;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#mid2 {
width: 100%;
height: auto;
float: left;
margin-top:40px;
margin-bottom:40px;

}

#midcontent2 {
width: 1280px;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#frontboxleft {
width: 35%;
height: auto;
float: left;
margin-top:60px;
margin-right:5%;
}  
 
#frontboxleft img {
width: 100%;
height: auto;
float: left;
margin-bottom:80px;  
border-radius: 15px;
box-shadow: 0px 5px 12px #999;
} 
  
#frontboxright {
width: 60%;
height: auto;
float: left;
margin-top:60px;
}
  
#frontboxright h2 {
font-size:38px;
line-height:40px;
font-weight:400;
color:#004293;
margin-top:10px;
}
  
#frontboxright h3 {
font-size:24px;
line-height:26px;
font-weight:500;
color:#b5d970;
margin-top:10px;
margin-bottom:10px;
}   
  
#frontboxright p {
font-size:16px;
line-height:22px;
font-weight:300;
color:#222;   
} 
  
#mid3 {
width: 100%;
height: auto;
float: left;
padding-top:30px;
padding-bottom: 80px;
background: #eee;
}

#midcontent3 {
width: 1280px;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#frontnyheder .mod-custom.custom {
width: 26.3%;
height: 440px;
float:left;
margin-left:1.5%;
margin-right:1.5%;
padding:2%;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0px 5px 12px #ccc;
border-radius:10px;
background: white; 
}

#frontnyheder h3 {
font-size:26px;
line-height:26px;
font-weight:400;
color:#004293;
margin-top:10px;
margin-bottom:0px;
} 
  
#frontnyheder p {
font-size:16px;
line-height:21px;
font-weight:300;
color:#222;
} 
  
#frontnyheder img {
width: 100%;
height: auto;
float: left;
margin-bottom: 10px;
}  
  
#frontnyheder a:link,
#frontnyheder a:visited {
width: auto;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:5%;
padding-top: 3%;
padding-right:5%;
padding-bottom:4%;
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#frontnyheder a:hover {
background:#004293;;
color:#fff;
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: 1219px) {


#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}
  
#frontbanner {
width: 100%;
height: auto;
float: left;
margin-top:120px;
z-index: -1;
position: relative;
}   
    
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
margin-bottom:30px;
}

#midcontent0 {
width: 98%;
height: auto;
margin-left:1%;
margin-right:1%;
} 
  
#content {
width: 80%;
height: auto;
float:left;
margin-left:10%;
margin-right:10%;
margin-top:0px;
margin-bottom:20px;
text-align: center;
}

#content h1 {
font-size:42px;
line-height:48px;
font-weight:600;
color:#004293;
margin-top:0px;
margin-bottom:20px;
}
  
#content p {
font-size:22px;
line-height:34px;
font-weight:200;
color: #333;
}
  
#content a:link,
#content a:visited {
font-size:15px;
line-height:52px;
font-weight:500;
background: #222;
color:#fff;
padding-left:12px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
background: #2c91d0;
color:#fff;
margin-left:10px;  
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;
margin-top:0px;
}

#midcontent1 {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
} 
  
#frontbox .mod-custom.custom {
width: 18%;
height: auto;
float:left;
margin-left:1.5%;
margin-right:1.5%;
padding:2%;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0px 5px 12px #eee;
border-radius:20px;
background: white; 
}

#frontbox h3 {
font-size:26px;
line-height:26px;
font-weight:300;
color:#004293;
margin-top:10px;
text-align: center; 
} 
  
#frontbox p {
font-size:16px;
line-height:21px;
font-weight:300;
color:#222;
text-align: center;   
}   
  
#frontbox a:link,
#frontbox a:visited {
width: 30%;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:4%;
padding-top: 4%;
padding-right:3%;
padding-bottom:4%;
margin-left:31%;
margin-right:31%;  
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#frontbox a:hover {
background:#004293;;
color:#fff;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#mid2 {
width: 100%;
height: auto;
float: left;
margin-top:40px;
margin-bottom:40px;

}

#midcontent2 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#frontboxleft {
width: 35%;
height: auto;
float: left;
margin-top:60px;
margin-right:5%;
}  
 
#frontboxleft img {
width: 100%;
height: auto;
float: left;
margin-bottom:80px;  
border-radius: 15px;
box-shadow: 0px 4px 10px #999;
margin-top: 80px;
} 
  
#frontboxright {
width: 60%;
height: auto;
float: left;
margin-top:60px;
}
  
#frontboxright h2 {
font-size:38px;
line-height:40px;
font-weight:400;
color:#004293;
margin-top:10px;
}
  
#frontboxright h3 {
font-size:24px;
line-height:26px;
font-weight:500;
color:#b5d970;
margin-top:10px;
margin-bottom:10px;
}   
  
#frontboxright p {
font-size:16px;
line-height:22px;
font-weight:300;
color:#222;   
}
  
#mid3 {
width: 100%;
height: auto;
float: left;
padding-top:30px;
padding-bottom: 80px;
 background: #eee;
}

#midcontent3 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#frontnyheder .mod-custom.custom {
width: 26.3%;
height: 420px;
float:left;
margin-left:1.5%;
margin-right:1.5%;
padding:2%;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0px 5px 12px #ccc;
border-radius:10px;
background: white; 
}

#frontnyheder h3 {
font-size:24px;
line-height:24px;
font-weight:300;
color:#004293;
margin-top:10px;
margin-bottom:0px;
} 
  
#frontnyheder p {
font-size:15px;
line-height:20px;
font-weight:300;
color:#222;
} 
  
#frontnyheder img {
width: 100%;
height: auto;
float: left;
margin-bottom: 10px;
}  
  
#frontnyheder a:link,
#frontnyheder a:visited {
width: auto;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:5%;
padding-top: 3%;
padding-right:5%;
padding-bottom:4%;
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#frontnyheder a:hover {
background:#004293;;
color:#fff;
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) {

#frontbanner {
width: 100%;
height: auto;
float: left;
margin-top:60px;
z-index: -1;
position: relative;
}  
  
#mid0 {
width: 100%;
height: auto;
float: left;
margin-top:60px;
margin-bottom:0px;
}

#midcontent0 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#content {
width: 100%;
height: auto;
float:left;
margin-top:0px;
margin-bottom:20px;
text-align: center;
}

#content h1 {
font-size:32px;
line-height:34px;
font-weight:500;
color:#004293;
margin-top:0px;
margin-bottom:20px;
}
  
#content p {
font-size:18px;
line-height:24px;
font-weight:200;
color: #333;
}
  
#mid1 {
width: 100%;
height: auto;
float: left;
margin-top:0px;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#frontbox .mod-custom.custom {
width: 42%;
height: auto;
float:left;
margin-left:2%;
margin-right:2%;
padding:2%;
margin-top:20px;
margin-bottom:10px;
box-shadow: 0px 5px 12px #eee;
border-radius:10px;
background: white; 
padding-bottom: 10px;
}

#frontbox h3 {
font-size:20px;
line-height:22px;
font-weight:300;
color:#004293;
margin-top:10px;
text-align: center; 
} 
  
#frontbox p {
font-size:14px;
line-height:18px;
font-weight:300;
color:#222;
text-align: center;   
}   
  
#frontbox a:link,
#frontbox a:visited {
text-align: center;
font-size:14px;
line-height:15px;
font-weight:400;
background: none;
color:#fff;
background: #b5d970;
padding-left:8%;
padding-top: 3%;
padding-right:8%;
padding-bottom:5%;
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#frontbox a:hover {
background:#004293;;
color:#fff;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#mid2 {
width: 100%;
height: auto;
float: left;
margin-top:20px;
margin-bottom:20px;
}

#midcontent2 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#frontboxleft {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}  
 
#frontboxleft img {
width: 100%;
height: auto;
float: left;
margin-bottom:20px;  
border-radius: 15px;
box-shadow: 0px 5px 12px #eee;
margin-top: 20px;
} 
  
#frontboxright {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}
  
#frontboxright h2 {
font-size:32px;
line-height:32px;
font-weight:400;
color:#004293;
margin-top:10px;
}
  
#frontboxright h3 {
font-size:24px;
line-height:26px;
font-weight:500;
color:#b5d970;
margin-top:10px;
margin-bottom:10px;
}   
  
#frontboxright p {
font-size:15px;
line-height:21px;
font-weight:300;
color:#222;   
}
  
#mid3 {
width: 100%;
height: auto;
float: left;
padding-top:30px;
padding-bottom: 80px;
 background: #eee;
}

#midcontent3 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#frontnyheder .mod-custom.custom {
width: 93%;
height: auto;
float:left;
margin-left:1.5%;
margin-right:1.5%;
padding:2%;
margin-top:20px;
margin-bottom:20px;
padding-bottom:20px;
box-shadow: 0px 5px 12px #ccc;
border-radius:10px;
background: white; 
}

#frontnyheder h3 {
font-size:24px;
line-height:24px;
font-weight:300;
color:#004293;
margin-top:10px;
margin-bottom:0px;
text-align: center;
} 
  
#frontnyheder p {
font-size:15px;
line-height:20px;
font-weight:300;
color:#222;
text-align: center;  
} 
  
#frontnyheder img {
width: 100%;
height: auto;
float: left;
margin-bottom: 10px;
}  
  
#frontnyheder a:link,
#frontnyheder a:visited {
width: auto;
height: auto;
float:left;
text-align: center;
font-size:15px;
line-height:15px;
font-weight:500;
background: none;
color:#fff;
background: #b5d970;
padding-left:5%;
padding-top: 3%;
padding-right:5%;
padding-bottom:4%;
border-radius: 8px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
        
#frontnyheder a:hover {
background:#004293;;
color:#fff;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

}
