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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#frontbanner {
width: 100%;
height: 500px;
padding-top:110px;
margin-bottom:30px;
background-image:url("/images/grafik/frontbanner-2.jpg");
background-size: cover;
}
  
#frontbanner h1 {
text-align: center;
margin-top:190px;
font-size:56px;
line-height: 72px;
color: white;
}  
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:50px;
}

#midcontent0 {
width: 1220px;
height: 300px;
margin-left:auto;
margin-right:auto;
} 
  
#content {
width:35%;
height: auto;
float:left;
margin-left:8%;
margin-right:5%;
margin-bottom:40px;
}
  
#content h2 {
font-size: 34px;
}
  
#content p {
font-size: 16px;
line-height: 26px;
font-weight: lighter;
}
  
#content a:link,
#content a:visited{
color:#fff;
background:#01215e;
line-height: 62px;
font-weight: bold;
padding:10px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#content a:hover {
color:#fff;
text-decoration: underline;
}  
  
#frontbox-omos {
width:50%;
height: 380px;
float:left;
margin-top:40px;
}
  
#frontbox-omos img {
width:90%;
height: auto;
float:left;
margin-bottom:20px;
box-shadow: 15px 15px 0px #01215e;
}
  
#mid1 {
width: 100%;
height: auto;
float: left;
padding-top:10px;
}

#midcontent1 {
width: 1220px;
height: auto;
margin-left:auto;
margin-right:auto;
}   

#frontbox1 {
width: 29.3%;
height: 200px;
float:left;
margin-left:1%;
margin-right:1%;
margin-top:10px;
margin-bottom:30px;
padding-right:1%;
padding-left:1%;  
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/vores-uddannelser-akademi-for-mentalisering.jpg");
background-size: cover;
}
    
#frontbox2 {
width: 29.3%;
height: 200px;
float:left;
margin-left:1%;
margin-right:1%;
margin-top:10px;
margin-bottom:30px;
padding-right:1%;
padding-left:1%;  
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/aktuelle-kurser-akademi-for-mentalisering.jpg");
background-size: cover;
}
    
#frontbox3 {
width: 29.3%;
height: 200px;
float:left;
margin-left:1%;
margin-right:1%;
margin-top:10px;
margin-bottom:30px;
padding-right:1%;
padding-left:1%;  
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/supervision-akademi-for-mentalisering.jpg");
background-size: cover;
}
  
#frontbox1 h3,
#frontbox2 h3,
#frontbox3 h3{
font-size: 26px;
line-height: 62px;
text-align: center;
padding-top: 40px;
color: #fff;
} 
  
#frontbox1 p,
#frontbox2 p,
#frontbox3 p {
font-size: 15px;
line-height: 20px;
color: #222;
}
  
#frontbox1 a:link,
#frontbox2 a:link,
#frontbox3 a:link,
#frontbox1 a:visited,
#frontbox2 a:visited,
#frontbox3 a:visited {
color:#fff;
line-height: 64px;
font-size:24px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#frontbox1 a:hover,
#frontbox2 a:hover,
#frontbox3 a:hover {
color:#fff;
text-decoration: underline;
}
    
}

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


#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#frontbanner {
width: 100%;
height: 300px;
padding-top:60px;
margin-bottom:30px;
background-image:url("/images/grafik/frontbanner-2.jpg");
background-size: cover;
}
  
#frontbanner h1 {
text-align: center;
margin-top:100px;
font-size:40px;
line-height: 52px;
color: white;
}  
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:50px;
}

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
} 
  
#content {
width:35%;
height: auto;
float:left;
margin-left:8%;
margin-right:5%;
margin-bottom:40px;
}
  
#content h2 {
font-size: 34px;
}
  
#content p {
font-size: 16px;
line-height: 26px;  
}
  
#content a:link,
#content a:visited{
color:#fff;
background:#01215e;
line-height: 62px;
font-weight: bold;
padding:10px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#content a:hover {
color:#fff;
text-decoration: underline;
}  
  
#frontbox-omos {
width:45%;
height: auto;
float:left;
margin-bottom:20px;
margin-top:70px;
}
  
#frontbox-omos img {
width:100%;
height: auto;
float:left;
margin-bottom:40px;
box-shadow: 15px 15px 0px #01215e;
}
  
#mid1 {
width: 100%;
height: auto;
float: left;
padding-top:10px;
}

#midcontent1 {
width: 94%;
height: auto;
margin-left:3%;
margin-right:3%;
}   

#frontbox1 {
width: 29.3%;
height: 200px;
float:left;
margin-left:1%;
margin-right:1%;
margin-top:10px;
margin-bottom:30px;
padding-right:1%;
padding-left:1%;  
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/vores-uddannelser-akademi-for-mentalisering.jpg");
background-size: cover;
}
    
#frontbox2 {
width: 29.3%;
height: 200px;
float:left;
margin-left:1%;
margin-right:1%;
margin-top:10px;
margin-bottom:30px;
padding-right:1%;
padding-left:1%;  
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/aktuelle-kurser-akademi-for-mentalisering.jpg");
background-size: cover;
}
    
#frontbox3 {
width: 29.3%;
height: 200px;
float:left;
margin-left:1%;
margin-right:1%;
margin-top:10px;
margin-bottom:30px;
padding-right:1%;
padding-left:1%;  
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/supervision-akademi-for-mentalisering.jpg");
background-size: cover;
}
  
#frontbox1 h3,
#frontbox2 h3,
#frontbox3 h3{
font-size: 22px;
line-height: 52px;
text-align: center;
padding-top: 50px;
color: #fff;
} 
  
#frontbox1 p,
#frontbox2 p,
#frontbox3 p {
font-size: 15px;
line-height: 20px;
color: #222;
}

    
#frontbox1 a:link,
#frontbox2 a:link,
#frontbox3 a:link,
#frontbox1 a:visited,
#frontbox2 a:visited,
#frontbox3 a:visited {
color:#fff;
line-height: 52px;
font-size:20px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#frontbox1 a:hover,
#frontbox2 a:hover,
#frontbox3 a:hover {
color:#fff;
text-decoration: underline;
}

}


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

#frontbanner {
width: 100%;
height: 400px;
padding-top:60px;
margin-bottom:30px;
background-image:url("/images/grafik/frontbanner-2.jpg");
background-size: cover;
}
  
#frontbanner h1 {
text-align: center;
margin-top:120px;
font-size:38px;
line-height: 52px;
color: white;
} 
  
#mid0 {
width: 100%;
height: auto;
float: left;
padding-top:10px;
}

#midcontent0 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
} 
  
#content {
width:90%;
height: auto;
float:left;
margin-left:5%;
margin-right:5%;
margin-bottom:20px;
}
  
#content h2 {
font-size: 32px;
}
  
#content p {
font-size: 14px;
line-height: 26px;
font-weight: lighter;
}
  
#content a:link,
#content a:visited{
color:#fff;
background:#01215e;
line-height: 62px;
font-weight: bold;
padding:10px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#content a:hover {
color:#fff;
text-decoration: underline;
}  
  
#frontbox-omos {
width:88%;
height: auto;
float:left;
margin-bottom:70px;
margin-left:5%;
}
  
#frontbox-omos img {
width:100%;
height: auto;
float:left;
margin-bottom:10px;
box-shadow: 15px 15px 0px #01215e;
}
  
#mid1 {
width: 100%;
height: auto;
float: left;
padding-top:50px;
background:#eee;
}

#midcontent1 {
width: 96%;
height: auto;
margin-left:2%;
margin-right:2%;
}   

#frontbox1 {
width: 90%;
height: 190px;
float:left;
margin-left:4%;
margin-right:4%;
margin-top:10px;
margin-bottom:30px;
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/vores-uddannelser-akademi-for-mentalisering.jpg");
background-size: cover;
}
    
#frontbox2 {
width: 90%;
height: 190px;
float:left;
margin-left:4%;
margin-right:4%;
margin-top:10px;
margin-bottom:30px;
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/aktuelle-kurser-akademi-for-mentalisering.jpg");
background-size: cover;
}
    
#frontbox3 {
width: 90%;
height: 190px;
float:left;
margin-left:4%;
margin-right:4%;
margin-top:10px;
margin-bottom:30px; 
box-shadow: 5px 5px 0px #01215e;
background-image:url("/images/frontbox-img/supervision-akademi-for-mentalisering.jpg");
background-size: cover;
}
  
#frontbox1 h3,
#frontbox2 h3,
#frontbox3 h3{
font-size: 26px;
line-height: 62px;
text-align: center;
padding-top: 40px;
color: #fff;
} 
  
#frontbox1 p,
#frontbox2 p,
#frontbox3 p {
font-size: 15px;
line-height: 20px;
color: #222;
}
  
#frontbox1 a:link,
#frontbox2 a:link,
#frontbox3 a:link,
#frontbox1 a:visited,
#frontbox2 a:visited,
#frontbox3 a:visited {
color:#fff;
line-height: 64px;
font-size:24px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#frontbox1 a:hover,
#frontbox2 a:hover,
#frontbox3 a:hover {
color:#fff;
text-decoration: underline;
} 

}