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

#mobilmenu {
display:none;
}

#mobilbanner {
display:none;		
}

#frontbanner {
width: 100%;
height: auto;
float:left;
background-image: url("/images/frontbanner/frontbanner.jpg");
background-size: cover;
}

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

#midcontent0 {
width: 900px;
min-height: 460px;
margin-left:auto;
margin-right:auto;
margin-top:250px;
margin-bottom:250px;
background-image: url("/images/landingpage-bg.png");
border: 1px solid #660033;
} 
  
#content {
width: 400px;
height: auto;
float:left; 
margin-top:10px;
margin-bottom:50px;
margin-left:30px; 
}

#content h2 {
font-size:56px;
line-height:56px;
font-weight:500;
color: #000;
margin-top:30px;
margin-bottom:25px;
}
  
#content p {
font-size:18px;
line-height:24px;
font-weight:300;
color: #000; 
}
  
#content a:link,
#content a:visited {
font-size:17px;
float: left;
line-height:20px;
font-weight:600;
color:white;
background:#e7305e;
text-decoration:none;
margin-right:10px;
padding-left:30px;
padding-right:30px;
padding-top:13px;
padding-bottom:15px;
background-image: linear-gradient(0deg, #740f49, #e7305e);  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:white;
background:#e7305e;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#contentright {
width: 400px;
height: 250px;
float:left;
margin-top:120px;
margin-left:30px;
}
    
}

/************************************************************************************
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;
background-image: url("/images/frontbanner/frontbanner.jpg");
background-size: cover;
}

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

#midcontent0 {
width: 90%;
min-height: 400px;
margin-left:5%;
margin-right:5%;
margin-top:200px;
margin-bottom:100px;
background-image: url("/images/landingpage-bg.png");
border: 1px solid #660033;
padding-bottom:20px;
} 
  
#content {
width: 49%;
height: auto;
float:left; 
margin-top:10px;
margin-bottom:50px;
margin-left:2%; 
}

#content h2 {
font-size:56px;
line-height:56px;
font-weight:500;
color: #000;
margin-top:10px;
margin-bottom:25px;
}
  
#content p {
font-size:17px;
line-height:22px;
font-weight:300;
color: #000; 
}
  
#content a:link,
#content a:visited {
font-size:17px;
float: left;
line-height:20px;
font-weight:600;
color:white;
background:#e7305e;
text-decoration:none;
margin-right:10px;
padding-left:30px;
padding-right:30px;
padding-top:13px;
padding-bottom:15px;
background-image: linear-gradient(0deg, #740f49, #e7305e);  
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}  
  
#content a:hover {
color:white;
background:#e7305e;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}   
  
#contentright {
width: 46%;
height: 250px;
float:left;
margin-top:120px;
margin-left:2%;
padding-right:1%;  
}
  
}


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

#frontbanner {
width: 100%;
height: auto;
float:left;
background-image: url("/images/frontbanner/frontbanner.jpg");
background-size: cover;
background-position: center; 
}

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

#midcontent0 {
width: 90%;
height: auto;
float:left;
margin-left:5%;
margin-right:5%;
margin-top:150px;
margin-bottom:150px;
background-image: url("/images/landingpage-bg.png");
border: 1px solid #660033;
padding-bottom:20px;
} 
  
#content {
width: 96%;
height: auto;
float:left; 
margin-top:10px;
margin-bottom:0px;
margin-left:2%; 
margin-right:2%;
}

#content h2 {
font-size:56px;
line-height:56px;
font-weight:500;
color: #000;
margin-top:10px;
margin-bottom:25px;
}
  
#content p {
font-size:17px;
line-height:22px;
font-weight:300;
color: #000; 
}
  

#contentright {
width: 100%;
height: auto;
float:left;
margin-top:0px;

} 

}